高德地图 JS API【入门】—— 动态添加、删除覆盖物

最新推荐文章于 2024-08-05 20:04:15 发布

foo_ooooool

最新推荐文章于 2024-08-05 20:04:15 发布

阅读量3.2k

点赞数 2

分类专栏：大前端 # 高德地图

本文链接：https://blog.csdn.net/onionlsh/article/details/86012815

版权

本文介绍了如何使用高德地图JS API进行动态添加和删除覆盖物的操作。通过示例代码展示了创建地图、设置点击事件、地图事件绑定以及按钮事件处理的过程。

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

因工作需要，开始入门学习高德地图API。工作时间十分短，这个例子也只是在学习过程中慢慢摸索出来的。有哪里不对，希望高人出来指点。

先直接上个demo：

demo

HTML部分：

<body>
	<div id="container" tabindex="0"></div>
	<div class="info" id="text">请用鼠标在地图上操作试试</div>
	<div class="input-card" style="width:26rem">
	    <h4>地图点击相关事件</h4>
	    <div>
      		<div class="input-item">
        		<button id="clickOn" class="btn" style="margin-right:1rem;">开启添加事件</button>
        		<button id="clickOff" class="btn" style="margin-right:1rem;">关闭添加事件</