首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用Google Maps API渲染特定位置的地图: 1)道路上的交通数据叠加2)删除名称标签

如何使用Google Maps API渲染特定位置的地图: 1)道路上的交通数据叠加2)删除名称标签
EN

Stack Overflow用户
提问于 2019-02-20 01:54:16
回答 1查看 43关注 0票数 0

下面的屏幕截图是我想要的样子(除了去掉的地名和建筑物名称标签)。我希望道路名称保持不变。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-28 11:44:55

您可以使用“样式”来隐藏地图要素。此外,地图样式向导对此非常有用:https://mapstyle.withgoogle.com/

https://developers.google.com/maps/documentation/javascript/styling

设置样式:

代码语言:javascript
运行
复制
var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 17,
    center: {lat: 40.707165, lng: -73.947074},
    styles: [
  {
    "featureType": "poi",
    "elementType": "labels",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "poi",
    "elementType": "labels.icon",
    "stylers": [
      {
        "visibility": "on"
      }
    ]
  }
]
  });

您可以使用"TrafficLayer“在您的JavaScript地图中显示流量:https://developers.google.com/maps/documentation/javascript/examples/layer-traffic

TrafficLayer:

代码语言:javascript
运行
复制
  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
}

这是一个样例小提琴:https://jsfiddle.net/xkcpL85h/

小提琴输出的屏幕截图

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54772231

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档