为折线谷歌地图添加边框

Question

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

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

Answer 1

诀窍是添加两条折线,一条粗黑色折线,一条绿色折线,厚一条.

这样,因为绿色的一个将出现在黑色的顶部,但黑色的两侧仍然可见,它将作为边界.

这是一个代码示例:

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
});