Question

以下是我的Google地图代码

    <!DOCTYPE html>
<html>
  <head>
    <style>
      #map_canvas {
        width: 900px;
        height: 400px;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>
      function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(18.979026,16.468506),
          zoom: 2,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
        var icons = {
          parking: {
            name: 'Parking',
            icon: iconBase + 'parking_lot_maps.png'
          }
        };

        function addMarker(feature) {
          var marker = new google.maps.Marker({
            position: feature.position,
            icon: icons[feature.type].icon,
            map: map
          });
        }

        var features = [
          {
            position: new google.maps.LatLng(-33.91721, 151.22630),
            type: 'Parking'
          }

        var map = new google.maps.Map(map_canvas, map_options)       
      google.maps.event.addDomListener(window, 'load', initialize);   
    </script>
  </head>
  <body>
    <div id="map_canvas"></div>
  </body>

</html>

为什么这是错的？它应该做的所有事情都集中在一个带有标记的标记处，图标停放在某个特定的区域。长。我试过按照谷歌教程，但我明白了所以任何帮助都会非常感激

Answer 1

使用MarkerImage放置自定义图标

img = new google.maps.MarkerImage('parking_lot_maps.png');

然后

Marker = new google.maps.Marker({
    position: pos,
    icon: img,
});

关于谷歌地图的一些问题

1 个答案: