2015-11-25 4 views
0

Я пытался на протяжении веков получить маркер на этой карте, в том же месте, что и центр, но не может заставить его работать.Невозможно получить маркеры для работы с картами google

<html> 

    <head> 
<style> 
    #map { 
    width: 100%x; 
    height: 400px; 
    } 
</style> 
<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(59.909968, 10.748012), 
     zoom: 16, 
     zoomControl: true, 
     scaleControl: true, 
     scrollwheel: false, 
     disableDoubleClickZoom: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions) 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
    </head> 
    <body> 
    <div id="map"></div> 
    </body> 

Я пытался следуя инструкциям here, но я не могу заставить его работать ..

Есть идеи? Я работал над своим сайтом с помощью iframe, но у меня были проблемы с прокруткой по всей ширине карты, но я не искал ее, поэтому я ищу способ заменить этот код.

+0

Там нет маркера в размещенном коде. – geocodezip

ответ

0

Следуя примеру вы link to работы для меня (установка маркера в центре карты):

function initialize() { 
 
    var mapCanvas = document.getElementById('map'); 
 
    var mapOptions = { 
 
    center: new google.maps.LatLng(59.909968, 10.748012), 
 
    zoom: 16, 
 
    zoomControl: true, 
 
    scaleControl: true, 
 
    scrollwheel: false, 
 
    disableDoubleClickZoom: true, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    } 
 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
 

 
    // from https://developers.google.com/maps/documentation/javascript/examples/marker-simple 
 
    var marker = new google.maps.Marker({ 
 
    // change the position to the map center 
 
    position: map.getCenter(), 
 
    map: map, 
 
    title: 'Hello World!' 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize);
html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}
<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map"></div>