百度地图区域边界显示

原文地址 https://xiegaosheng.com/post/view?id=70

就是根据选择不同的城市或者市区，就以选择的城市为地图中心展示地图；

展示区域内的标记设备，区域边界显示出来

// 百度地图API功能center = "{$province.location_name}"; center = '中国';center = "{$city.location_name}";var map = new BMap.Map("allmap");//alert(center);map.centerAndZoom(center,15);// 编写自定义函数,创建标注function addMarker(point,name,address,mac){var marker = new BMap.Marker(point);map.addOverlay(marker);var label = new BMap.Label(name,{offset:new  BMap.Size(30,-30)});label.setStyle({color : "red",fontSize : "14px",height : "35px",lineHeight : "35px",fontFamily:"微软雅黑",position: "relative",});marker.setLabel(label);var opts = {width : 200,     // 信息窗口宽度height: 100,     // 信息窗口高度title : "店铺名称:"+name , // 信息窗口标题enableMessage:true,//设置允许信息窗发送短息message:"message"}// marker.setAnimation(BMAP_ANIMATION_BOUNCE);//图标跳动var infoWindow = new BMap.InfoWindow("mac:"+mac+"
地址："+address , opts);  // 创建信息窗口对象 marker.addEventListener("click", function(){          map.openInfoWindow(infoWindow,point); //开启信息窗口});}//地图区域边界显示function getBoundary(area) {console.log(area);var bdary = new BMap.Boundary();bdary.get(area, function (rs) { //获取行政区域//console.log(rs);var arr = rs.boundaries;var polyline = new BMap.Polyline(arr[0],{strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});map.addOverlay(polyline);});}getBoundary(center);var lng = "{$v.lng}";var lat = "{$v.lat}";if(lng == '' || lat == ''){lat = 0;lng =0;}var point = new BMap.Point(lng ,lat);addMarker(point,"{$v.shop_name}","{trim($v.address)}","{$v.dev_mac}");map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用

标签: 百度地图 区域边界

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！