如何实现仅高亮陆地边界的Google Map自定义样式?
实现Google Maps仅显示陆地边界的样式配置
要达成「水域与陆地底色一致,仅用不同颜色高亮陆地边界」的效果,你需要调整样式规则,专门针对陆地的几何边界设置高亮色,同时统一陆地和水域的底色。
修改后的样式代码
[ { featureType: 'landscape', elementType: 'geometry', stylers: [{ color: '#012B4D' }] // 陆地底色,和水域保持一致 }, { featureType: 'water', elementType: 'all', stylers: [{ color: '#012B4D' }] // 水域底色,与陆地统一 }, { featureType: 'landscape', elementType: 'geometry.stroke', stylers: [{ color: '#FFFFFF' }] // 陆地边界高亮色,可按需调整 } ]
代码说明
- 将
water的颜色修改为和landscape一致,消除底色差异 - 添加
geometry.stroke规则,针对陆地的几何边界设置不同的高亮颜色(示例用白色,你可以替换成需要的颜色) - 保留原有陆地几何的底色设置,确保整体底色统一
预期效果
地图上的陆地和水域会呈现相同的底色,只有陆地的边界会以你设置的高亮色显示,完全符合「仅显示陆地边界」的需求。
内容的提问来源于stack exchange,提问作者Md Masud
相关产品推荐
相关产品推荐

