Как вставить простой маркер в сценарий Google Maps?

У меня есть сценарий Google Maps, который выглядит следующим образом (это место между <head></head> тегами):Как вставить простой маркер в сценарий Google Maps?

<script src="https://maps.googleapis.com/maps/api/js"></script> 
<script> 
    function initialize() { 
    var mapCanvas = document.getElementById('map'); 
    var mapOptions = { 
    center: new google.maps.LatLng(51.500891, 5.439642), 
    zoom: 14, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions) 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script>

И следующее между <body></body> тегами:

<div id="map"></div>

Так что я хочу, чтобы добавить красный маркер, как здесь: https://developers.google.com/maps/documentation/javascript/examples/marker-simple

источник

2015-11-10 Luuk

Пробовали ли вы код из примера вы связать? Какие у вас проблемы с этим? – geocodezip

Принимая код из примера вы связаны с:

var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    title: 'Hello World!' 
    });

Добавление его к вашей карте (и изменения положения, чтобы быть видимым) работает для меня:

function initialize() { 
 
    var mapCanvas = document.getElementById('map'); 
 
    var mapOptions = { 
 
    center: new google.maps.LatLng(51.500891, 5.439642), 
 
    zoom: 14, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    } 
 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
 
    var marker = new google.maps.Marker({ 
 
    position: mapOptions.center, 
 
    map: map, 
 
    title: 'Hello World!' 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize);

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 

 
<div id="map"></div>

источник

2015-11-10 16:49:07 geocodezip

Как вставить простой маркер в сценарий Google Maps?

ответ

Смежные вопросы