您当前的位置: 首页 > 

漏刻有时

暂无认证

  • 0浏览

    0关注

    717博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

高德地图进阶开发实战案例(2):电子围栏(多边形的绘制)的展示

漏刻有时 发布时间:2021-04-26 20:52:32 ,浏览量:0

在这里插入图片描述

构建高德地图
   var map = new AMap.Map('container', {
        center: [121.548181, 29.806906],
        zoom: 15
    });
多边形展示
    var path = [
        [121.546266, 29.80975],
        [121.54543, 29.806845],
        [121.548713, 29.806752],
        [121.549957, 29.809508]
    ]

    var polygon = new AMap.Polygon({
        path: path,
        strokeColor: "#1E9FFF",
        strokeWeight: 2,
        strokeStyle: 'dashed',
        strokeOpacity: 1,
        fillOpacity: 0.1,
        fillColor: '#1E9FFF',
        zIndex: 50,
    })

    map.add(polygon)
    // 缩放地图到合适的视野级别
    map.setFitView([polygon])
多边形绘制辅助工具 引入外部API
   
   var map = new AMap.Map('container', {
        zoom: 14
    });

    var mouseTool = new AMap.MouseTool(map);

    //监听draw事件可获取画好的覆盖物
    var overlays = [];
    mouseTool.on('draw', function (e) {
        //绘制多边形;
        overlays.push(e.obj);
        //获取坐标;
        console.log(e.obj.getPath());
        //格式化坐标;
        var polyPoints = e.obj.getPath();
        var arr = "";
        for (var i = 0; i             
关注
打赏
1661217259
查看更多评论
0.0428s