高德地图进阶开发实战案例(5):矩形可视范围的东北西南角经纬度的获取

简介: 高德地图进阶开发实战案例(5):矩形可视范围的东北西南角经纬度的获取

    var map = new AMap.Map('container', {
        center: [ 116.387175, 39.876405 ],
        zoom: 13
    });
    var southWest = new AMap.LngLat(116.356449, 39.859008)
    var northEast = new AMap.LngLat(116.417901, 39.893797)
    var bounds = new AMap.Bounds(southWest, northEast)
    var rectangle = new AMap.Rectangle({
        bounds: bounds,
        strokeColor:'red',
        strokeWeight: 6,
        strokeOpacity:0.5,
        strokeDasharray: [30,10],
        strokeStyle: 'dashed',
        fillColor:'blue',
        fillOpacity:0.5,
        cursor:'pointer',
        zIndex:50,
    })
    console.log(rectangle.getBounds());
    rectangle.setMap(map)
    // 缩放地图到合适的视野级别
    map.setFitView([ rectangle ])
    var rectangleEditor = new AMap.RectangleEditor(map, rectangle)
    rectangleEditor.on('adjust', function(event) {
        log.info('触发事件:adjust')
    })
    rectangleEditor.on('end', function(event) {
        log.info('触发事件: end')
        // event.target 即为编辑后的矩形对象
    })


<div class="input-card" style="width: 120px">
    <button class="btn" onclick="rectangleEditor.open()" style="margin-bottom: 5px">开始编辑</button>
    <button class="btn" onclick="rectangleEditor.close()">结束编辑</button>
</div>


lockdatav Done!

相关文章
|
8月前
|
前端开发 JavaScript 算法
程序技术好文:高德地图经纬度坐标拾取工具
程序技术好文:高德地图经纬度坐标拾取工具
217 0
|
定位技术
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
374 0
|
JavaScript 前端开发 定位技术
地图开发实战案例:高德地图弧线连接线标注
地图开发实战案例:高德地图弧线连接线标注
168 0
|
定位技术 API
高德地图进阶开发实战案例(2):电子围栏(多边形的绘制)的展示
高德地图进阶开发实战案例(2):电子围栏(多边形的绘制)的展示
707 0
|
数据可视化 JavaScript 定位技术
地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果
地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果
625 0
|
JavaScript 前端开发 定位技术
地图开发实战案例:高德地图设置中心点和级别的行政区多边形加载效果
地图开发实战案例:高德地图设置中心点和级别的行政区多边形加载效果
169 0
|
定位技术 API Web App开发
【高德地图API】一句话搞定webmap(一)——轻地图组件
原文:【高德地图API】一句话搞定webmap(一)——轻地图组件 摘要: 遥想当年,在APP中加入LBS元素相当困难:要刻苦学习java,要刻苦学习iOS开发,要刻苦学习javascript…… 而如今,要制作一张地图真是越来越容易了!竟然只需要一句话,就可以打点,导航,定位,显示交通流量等。
1887 0
|
定位技术 开发工具
|
Web App开发 JavaScript 前端开发
【百度地图API】北京周边7日游——图标按路线轨迹行动
原文:【百度地图API】北京周边7日游——图标按路线轨迹行动 任务描述:   春节就要来啦~酸奶小妹的妈妈要从遥远的重庆,来到北京过春节呢!酸奶小妹忙着给妈妈计划,北京周边的旅游线路。计划好路线后,就开始驾车旅游啦~~   如何实现:   利用百度地图API先确定几个坐标点points,把他们连成一条折线BMap.Polyline(points)。
1282 0
|
编解码 前端开发 定位技术
腾讯位置服务:拾取坐标的四种开发方式
腾讯位置服务:拾取坐标的四种开发方式
1421 0

热门文章

最新文章