高德地图——标记随着新的点击而切换位置

最新推荐文章于 2023-12-28 14:23:38 发布

baiwen5243

最新推荐文章于 2023-12-28 14:23:38 发布

阅读量702

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/rickdiculous/p/11431603.html

版权

这篇博客介绍了如何使用JavaScript操作高德地图，包括设置地图中心点和级别、添加标记、改变鼠标样式以及实现点击地图时标记切换的功能。通过绑定地图点击事件并清除旧标记，达到动态切换的效果。

摘要由CSDN通过智能技术生成

要求：

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

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

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

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

任务(步骤):

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

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

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

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="https://webapi.amap.

关注