Question

我正在制作一个使用Google地图的移动远足应用程序（使用jquery mobile，Cordova），以及如何向Google地图添加地形图叠加层或样式

Answer 1

当前，此功能尚未在Google Maps Platform中提供，但已在问题跟踪工具中得到识别，您可以在issue中加注星标以查看更多更新。

与此同时，有一种解决方法可以使用特定的样式创建地形图（注意：通常在Zoom设置为14的情况下可以使用此方法，选择13-15可能有效，但不确定是否会一直使用）：

function initMap() {
  // Styles a map in night mode.
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 34.869, lng: 111.761},
    zoom: 14,
    mapTypeId: 'terrain',
    styles: [
      {
        featureType: 'all',
        stylers: [{visibility: 'off'}]
      },
       {
        featureType: 'water',
        elementType: 'geometry',
        stylers: [{visibility: 'on'}]
      },
      {
        featureType: 'landscape',
        stylers: [{visibility: 'on',color: '#0xffffff'}]
      }  
    ]
  });
}

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAj0aaMu_aY6xiDSWH0ac_4pqN_l-opwmI&callback=initMap">
</script>

是否可以在Google地图上添加等高线/地形图叠加图？

1 个答案: