高德地图js 开发二:添加标记点

初始化并添加点 

        var map;//地图对象
        InitMap(11, [114.312151, 30.58454]);//默认武汉中心坐标
        //地图初始化
        function InitMap(zoom, arr) {
            map = new AMap.Map('container', {
                zoom: zoom,//级别
                center: arr,//中心点坐标
                viewMode: '3D'//使用3D视图
            });
            //鼠标点击的坐标//经度getLng,纬度getLat
            map.on('click', function (e) {
                let arr = [e.lnglat.getLng(), e.lnglat.getLat()];
                
            });

            //AMap.plugin(["AMap.PolyEditor"], function () {
            //    // 实例化多边形编辑器,传入地图实例和要进行编辑的多边形实例
            //    let polygonEditor = new AMap.PolyEditor();
            //    map.addControl(polygonEditor);
            //    // 开启编辑模式
            //    //polygonEditor.open();
            //});
        }
        AddPoint_KH([114.312151, 30.58454])
        //添加标注点
       function AddPoint_KH (arr) {
            var marker = new AMap.Marker({
                title: "当前门店位置",
                position: arr,//位置
                icon: new AMap.Icon({
                    image: "../../Content/IMG/TargetStore2.png",//http://webapi.amap.com/theme/v1.3/markers/n/mark_r.png,
                    size: new AMap.Size(52, 52),  
                    imageSize: new AMap.Size(30, 32)//图标大小
                }) 
            })
            map.add(marker);//添加到地图
        }
        //移除点
        function RemovePoint() {
            map.clearMap();//清除所有覆盖物
            //map.remove(markers);//移除点集合,需要存储标识点对象
        }

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值