小编che*_*sey的帖子

Google Maps API data.setStyle未在地图上显示图标

我正在尝试使用Google Maps JS API创建一个小应用程序.我正在使用数据层从GeoJSON文件加载一堆点.该文件似乎正在正确加载,并且地图正在显示,但map.data.setstyle()中设置的图标将不会显示...

下面是我的HTML,CSS和JS.我已经看了2天了,我无法弄清楚出了什么问题.先感谢您!

HTML

<body>
  <div id="map-canvas"></div>
</body>

Run Code Online (Sandbox Code Playgroud)

CSS

html {
  height: 100%
}

body {
  height: 100%;
  margin: 0;
  padding: 0
}

#map-canvas {
  height: 100%
}

Run Code Online (Sandbox Code Playgroud)

$(document).ready(function() {
  var map;

  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(37.000, -120.000),
      zoom: 7
    };

    map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);

    map.data.loadGeoJson('/map.json');
    map.data.setStyle(function(feature) {
      var theaterName = feature.getProperty('name');
      return {
        icon: "https://maps.gstatic.com/mapfiles/ms2/micons/marina.png",
        visible: true,
        clickable: true,
        title: theaterName
      };
    });
  }
  google.maps.event.addDomListener(window, 'load', initialize);

});

Run Code Online (Sandbox Code Playgroud)

JSON