首次高德地图自定义marker并清除marker，都是借鉴各位前辈的代码，然后融合了好多案例，感谢各位前辈

最新推荐文章于 2024-01-02 08:52:42 发布

VIP文章 yb简单点

最新推荐文章于 2024-01-02 08:52:42 发布

阅读量2.2k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Yebiao1112/article/details/127442060

版权

import * as THREE from 'three'   
// 第二步：初始化地图+数据获取更新
import AMapLoader from '@amap/amap-jsapi-loader'
// 设置安全密钥
window._AMapSecurityConfig = {
  securityJsCode: '高德申请的key', //设置高德安全密钥，通过该秘钥获取高德数据
}

data(){
    return {
    map: null,
    markers: null,
    maps: null,
     list: [
        {
          position: [119.980915962, 30.520096745],
          id: 1,
          icon: require('../assets/icon_btk41kc4q9m/Bus.png'),
        },
        {
          position: [119.980765934, 30.520356359],
          id: 2,
          icon: require('../assets/icon_btk41kc4q9m/huoche.png'),
        },
        {
          position: [119.98076323, 30.520416141],
          id: 3,
          icon: require('../assets/icon_btk41kc4q9m/icon--feijidongche.png'),
        },
        {
          position: [119.980607093, 30.520382286],
          id: 4,
          icon: require('../assets/icon_btk41kc4