本文主要是介绍调用百度地图画圈并标出属于圈内的点位信息,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
直接上代码:
fanweiss(){// 画圈var aaa = this.gaojingDatadebuggervar map = new BMap.Map("ydmap"); // 创建Map实例var mPoint = new BMap.Point(this.gaojingData.longitude, this.gaojingData.latitude); //中心点map.setMapStyle({ style: "midnight" });map.enableScrollWheelZoom();map.centerAndZoom(mPoint,15);let sl = thisvar circle = new BMap.Circle(mPoint,(this.gonglishu)*1000,{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.3, strokeOpacity: 0.3});map.addOverlay(circle);listXiaofangliliang({ xftype: null }).then((response) => {response.rows.forEach(el=>{var bianjie = new BMap.Point(el.longitude,el.latitude); var distance = map.getDistance(bianjie,mPoint); //计算两点之间的距离、mPoint是圈的中心点debuggerif(distance/1000 < sl.gonglishu){ //gonglishu 这个是半径、判断两点之间的距离是否小于当前圈的半径,小于当前半径说明改点在圈内//var marker1 = new BMap.Marker(new BMap.Point(el.longitude, el.latitude));// 在地图上添加点标记var icon = new BMap.Icon(require("./img/zhongdui.gif"),new BMap.Size(80, 102),{//20,30是图片大小anchor: new BMap.Size(10, 0), //这个是信息窗口位置(可以改改看看效果)});if(el.xftype=="7"){var marker1 = new BMap.Marker(new BMap.Point(el.longitude, el.latitude),{icon: icon,});map.addOverlay(marker1);}}})})},
效果:
这篇关于调用百度地图画圈并标出属于圈内的点位信息的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!