为折线谷歌地图添加边框

时间:2016-11-14 14:10:14

标签: javascript google-maps

我想在折线周围添加边框,如下图所示: enter image description here

我能做到吗,有可能吗? 我已经在网上搜索了这个问题的解决方案,到目前为止还没有。

1 个答案:

答案 0 :(得分:8)

诀窍是添加两条折线,一条粗黑的折线和一条绿线,不那么厚。

这样,因为绿色的那个将出现在黑色的那个上面,但是黑色的那两个仍然可见,它将作为边界。

以下是一个代码示例:

var border = new google.maps.Polyline({
    path: path,
    strokeColor: 'black', // border color
    strokeOpacity: 1.0,
    strokeWeight: 7 // You can change the border weight here
});

var line = new google.maps.Polyline({
    path: path, // /!\ same path
    strokeColor: 'green',
    strokeOpacity: 1.0,
    strokeWeight: 4
});