You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现仅高亮陆地边界的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.13 04:40:00