重新给地图设置marker点

//设置maker点

        setPoint(e,index){

          let that=this;

          this.$set(this.formLabelAlign,'markerPoint',e)

          this.mapCenter=e;

          this.indexMarker=index;

        

        let arr=this.mapCenter.split(',');

        let newarr=arr.map(Number)

        this.map.remove(this.marker)

        // this.map.clearMap();

        this.marker = new AMap.Marker({

            position: newarr,

            icon: "",

            offset:new AMap.Pixel(-10,-20)

        });

        

        this.map.add([this.marker]);

        this.marker.setMap(this.map);

 

        },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在高德地图上添加 marker ,可以按照以下步骤进行: 1. 引入高德地图 JavaScript API 库 在 HTML 页面中引入高德地图 JavaScript API 库,可以在官网上下载或使用 CDN 引入。 2. 创建地图 使用 `new AMap.Map()` 方法创建一个地图实例,指定地图容器的 ID 和地图的中心和缩放级别。 ``` var map = new AMap.Map('mapContainer', { center: [116.397428, 39.90923], zoom: 13 }); ``` 3. 创建 marker 使用 `new AMap.Marker()` 方法创建一个 marker ,指定 marker 的位置和其他属性。 ``` var marker = new AMap.Marker({ position: [116.397428, 39.90923], title: '这是一个 marker ', icon: 'https://webapi.amap.com/images/0.png' }); ``` 4. 将 marker 添加到地图中 使用 `map.add(marker)` 方法将 marker 添加到地图中。 ``` map.add(marker); ``` 完整的代码示例: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>高德地图添加 marker </title> <script src="https://webapi.amap.com/maps?v=1.4.15&key=你的高德地图 API Key"></script> <style type="text/css"> #mapContainer { width: 100%; height: 500px; } </style> </head> <body> <div id="mapContainer"></div> <script type="text/javascript"> var map = new AMap.Map('mapContainer', { center: [116.397428, 39.90923], zoom: 13 }); var marker = new AMap.Marker({ position: [116.397428, 39.90923], title: '这是一个 marker ', icon: 'https://webapi.amap.com/images/0.png' }); map.add(marker); </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值