自定义谷歌地图不在 KMZ 文件中显示地点详细信息

【问题标题】：custom google map doesn't show place details in KMZ file自定义谷歌地图不在 KMZ 文件中显示地点详细信息
【发布时间】：2018-01-18 19:17:05
【问题描述】：

我的自定义谷歌地图有问题。它不显示街道名称。

<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(42.753633, 13.952404), 
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
        scrollwheel: true
    }

    var map = new google.maps.Map(document.getElementById('google-map'), mapOptions);

    var ctaLayer = new google.maps.KmlLayer({
        url: 'http://128.199.209.42/klinkfiles/mlmsurvey.kmz'
    });

    ctaLayer.setMap(map);
}       
google.maps.event.addDomListener(window, 'load', initialize);

<body onload="initialize()">
<div id="google-map" class="google-map"></div>

【问题讨论】：

您希望街道名称显示在地图图块上吗？不要请求 SATELLITE 地图类型，您需要 HYBRID。
非常感谢您的帮助。它现在正在工作。

标签： google-maps kmz

【解决方案1】：

如果您想要地图图块上的街道名称，请不要请求 SATELLITE 地图类型，您需要 HYBRID。

var mapOptions = {
        center: new google.maps.LatLng(42.753633, 13.952404), 
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.HYBRID,
        scrollwheel: true
    }

代码 sn-p：

function initialize() {
  var mapOptions = {
    center: new google.maps.LatLng(42.753633, 13.952404),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.HYBRID,
    scrollwheel: true
  }

  var map = new google.maps.Map(document.getElementById('google-map'), mapOptions);

  var ctaLayer = new google.maps.KmlLayer({
    url: 'http://128.199.209.42/klinkfiles/mlmsurvey.kmz'
  });

  ctaLayer.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);

html,
body,
#google-map {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="google-map"></div>

【讨论】：