Question

我试图学习一些更高级的代码编写。本周我将了解谷歌地图以及如何定制谷歌地图。我觉得我做得很好，但我在实际网站上制作图标标记显示有问题。

我用来制作网站的程序是dreamweaver，在实时视图选项中，自定义地图和图标都正确显示。但是，当我访问实际网站时，图标丢失了。谷歌地图上根本没有标记。我真的可以使用这个帮助。

<script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
      function initialize() {

var styles = [
    {
      stylers: [
        { hue: "#0D6C91" },
        { saturation: 0 }
      ]
    },{
      featureType: "road",
      elementType: "geometry",
      stylers: [
        { lightness: 100 },
        { visibility: "simplified" }

      ]
    }
  ];
     var mapOptions = {
    zoom: 15,
    center: new google.maps.LatLng(51.834250, 4.309755),
    disableDefaultUI: true,
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
    }
  };
  var map = new google.maps.Map(document.getElementById('column_links'),
    mapOptions); 

  var styledMap = new google.maps.StyledMapType(styles,
    {name: "Styled Map"});
  map.mapTypes.set('map_style', styledMap);
  map.setMapTypeId('map_style');


  var image = '3. afbeeldingen/RLogo.png';
  var myLatlng = new google.maps.LatLng(51.834250, 4.309755);


  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      icon: image,
});

marker.setMap(map);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>

Google地图图标未在网站上展示

0 个答案: