百度地图坐标点上图,行政区域轮廓的应用

最新推荐文章于 2024-05-22 21:54:15 发布

是！豆哈哈

最新推荐文章于 2024-05-22 21:54:15 发布

阅读量707

点赞数

文章标签：百度地图

本文链接：https://blog.csdn.net/qq_45587146/article/details/122122021

版权

不显示marker,只显示label

    <script>
        var map = new BMap.Map('dt')  //创建地图实例  dt:地图容器id
        map.centerAndZoom(new BMap.Point(center),10)  //设置中心点坐标和地图展示级别
        map.enableScrollWheelZoom()  //可滚轮缩放地图  map.enableScrollWheelZoom(false)关闭
        map.clearOverlays();//清除地图覆盖物
        
        // 行政区域轮廓
        var ply = new BMap.Polygon('以;间隔的所有行政区域坐标字符串',{strokeWeight:4,strokeColor:'#2a8cef','fillColor':''})//轮廓线的宽度,颜色,区域块填充色
        map.addOverlays(ply) //添加覆盖物
        map.setViewport(ply.getPath())//调整视野

        // 地图坐标点上图(标注),
        var jd = []//经度
        var wd = []//纬度
        for(var i=0;i<this.markerArr.length;i++){
            jd.push(Number(this.markerArr[i].jdwd.split(','[0])))
            wd.push(Number(this.markerArr[i].jdwd.split(','[1])))
        }
        for(var i=0;i<this.markerArr.length;i++){
            //标注
            var poi = new BMap.Point(jd[i],wd[i])
            var opt={
                position:poi,
                offset:new BMap.Size(-10,-60)//调整坐标点位置label内容位置
            }
        }
        var label = new BMap.Label('html结构内容-每个坐标点显示的内容结构',opt)
        label.setStyle({//设置label样式
            border:'none',
            backgroundColor:'transporant'
        })
        map.addOverlay(label);
    </script>

marker,label都显示

 <script>
        var map = new BMap.Map('dt')  //创建地图实例  dt:地图容器id
        map.centerAndZoom(new BMap.Point(center),10)  //设置中心点坐标和地图展示级别
        map.enableScrollWheelZoom()  //可滚轮缩放地图  map.enableScrollWheelZoom(false)关闭
        map.clearOverlays();//清除地图覆盖物
        
        // 行政区域轮廓
        var ply = new BMap.Polygon('以;间隔的所有行政区域坐标字符串',{strokeWeight:4,strokeColor:'#2a8cef','fillColor':''})//轮廓线的宽度,颜色,区域块填充色
        map.addOverlays(ply) //添加覆盖物
        map.setViewport(ply.getPath())//调整视野

        // 地图坐标点上图(标注)
        var jd = []//经度
        var wd = []//纬度
        for(var i=0;i<this.markerArr.length;i++){
            jd.push(Number(this.markerArr[i].jdwd.split(','[0])))
            wd.push(Number(this.markerArr[i].jdwd.split(','[1])))
        }
        for(var i=0;i<this.markerArr.length;i++){
            //标注
            var poi = new BMap.Point(jd[i],wd[i])
            var marker = new BMap.Size(poi)//创建marker标注
        }
        var label = new BMap.Label('html结构内容-每个坐标点显示的内容结构')
        label.setStyle({//设置label样式
            border:'none',
            backgroundColor:'transporant'
        })
        marker.setLabel(label)
        map.addOverlay(marker);
    </script>