高德地图 - 点击改变当前 marker 图标（marker点击切换 icon 上一个 icon 恢复原样）

最新推荐文章于 2024-07-25 19:03:28 发布

_格鲁特宝宝

最新推荐文章于 2024-07-25 19:03:28 发布

阅读量9.4k

点赞数 3

分类专栏： Web FrontEnd map 地图文章标签：高德地图高德地图点击改变marker图标高德地图点击改变当前icon其他icon变成之前的样式

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.csdn.net/GrootBaby/article/details/89395907

版权

这篇博客详细介绍了如何在高德地图中实现点击marker图标来切换其显示样式，并在再次点击时恢复到之前的状态，提供了实用的编程技巧。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高德地图 - 点击改变当前marker图标</title>
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>
    <style>
        #cm_map {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div id="cm_map"></div>
</body>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=fb5dce704318a76bbbdc4dfbff58cc83"></script>
<script type="text/javascript">

    var cmMap = new AMap.Map('cm_map', {
        resizeEnable: true, 
        zoom: 9,
        // center: [121.481041,31.683859],  //崇明东平森林公园经纬度
        center: [121.