向Google地图添加自定义标记

乔迪·森森（Jordy Senssen）

我已经尝试了一段时间，以将自定义标记添加到Google地图框架。自定义标记和标准标记都不会显示。

我正在使用以下代码：

google.maps.event.addDomListener(window, 'load', init);

var map;


function init() {
    var mapOptions = {
        center: new google.maps.LatLng(51.231245, 6.078348),
        zoom: 10,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.DEFAULT,
        },
        disableDoubleClickZoom: true,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
        },
        scaleControl: true,
        scrollwheel: false,
        streetViewControl: true,
        draggable : true,
        overviewMapControl: true,
        overviewMapControlOptions: {
            opened: true,
        },

}    

 var image = 'http://aandegrens.appartdev.nl/wp-content/uploads/2016/03/Google_Maps.png';
 var myLatLng = {lat: 51.231245, lng: 6.078348};
  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
	title: 'Hello World',
    icon: image
  });
	 

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

地图本身显示良好，并且一切正常，只有标记未显示。

艾丹加尔扎

您需要map: map先创建标记，然后再创建地图。只是var map = new google.maps.Map(document.getElementById('map'), mapOptions);在之前移动var image = ...，它应该可以工作。

小提琴：https : //jsfiddle.net/uj13t71y/

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。