百度地图开发：多边形覆盖物的背景颜色等样式设置

最新推荐文章于 2024-01-09 09:13:51 发布

原创最新推荐文章于 2024-01-09 09:13:51 发布 · 2.4w 阅读

8 ·

CC 4.0 BY-SA版权

百度地图开发专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用百度地图API来设置多边形覆盖物的样式，包括设置边线颜色、填充颜色、边线宽度、透明度和边线样式等属性，以实现个性化地图元素展示。

//添加多边形**********************************************************************
var polygon_nc = new BMap.Polygon([
    new BMap.Point(120.333027, 31.532335),
    new BMap.Point(120.311899, 31.550431),
    new BMap.Point(120.326991, 31.5652),
    new BMap.Point(120.355018, 31.557324),
    new BMap.Point(120.354586, 31.537013)   //第五个坐标点

    //new BMap.Point(120.351424, 31.541199),  //6
    //new BMap.Point(120.346538, 31.556831),  //7
    //new BMap.Point(120.331302, 31.568154),  //8
    //new BMap.Point(120.286746, 31.557077),
    //new BMap.Point(120.274386, 31.538244)
    //new BMap.Point(120.331302, 31.568154)
], {strokeColor:"green",fillColor:"red",fillColorOpacity:"0.4", strokeWeight:2, strokeOpacity:0.3});  //创建多边形
map.addOverlay(polygon_nc);   //增加多边形

strokeColor:"red",      //边线颜色。  
            fillColor:"red",        //填充颜色。当参数为空时，圆形将没有填充效果。  
            strokeWeight: 3,        //边线的宽度，以像素为单位。  
            strokeOpacity: 0.8,     //边线透明度，取值范围0 - 1。  
            fillOpacity: 0.3,       //填充的透明度，取值范围0 - 1。  
            strokeStyle: 'solid'    //边线的样式，solid或dashed。  
        },