高德地图

您所在的位置:网站首页 高德地图怎么增加新位置 高德地图

高德地图

2024-03-25 12:04| 来源: 网络整理| 查看: 265

要求:

1.为地图任意设置一个中心点和地图显示级别 ,并在中心点添加一个标记。

2.为鼠标设置一个小手状的样式 。

3.为地图绑定点击事件 ,在点击的地方添加一个标记 ,同时要把之前的标记清除。

( 具体效果查看效果视频 )

 

任务(步骤):

1使用new AMap.Map()创建一个地图。

2. 为地图任意设置一个中心点和地图显示级别,并使用AMap.Marker()方法在地图中心点添加一个标记

3. 使用setDefaultCursor方法为鼠标设置一个小手状的样式

4.为地图绑定点击事件 ,在点击的地方添加一个标记 ,同时要把之前的标记使用map.remove()方法清除。

5-4添加标记练习 *{ padding: 0; margin: 0; } #container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } var map = new AMap.Map('container',{ zoom:10, center:[116.379391,39.861536] }); map.setDefaultCursor('pointer'); var marker = new AMap.Marker({ icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png', position:[116,39] }) map.on('click',function(e){ map.remove([marker]) marker = new AMap.Marker({ icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png', position:[e.lnglat.lng,e.lnglat.lat], offset:new AMap.Pixel(-10,-20) }); map.add([marker]); })

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3