Маркер Google Maps не отображается - PullRequest
Новая
       21

Маркер Google Maps не отображается

0 голосов
/ 07 марта 2012

Это точно пример кода документации API карт, найденный здесь:

Документация API карт Google

Я настроил карту, и она отображается.Следующим шагом было отображение маркера с геокодированием. Но он не работает?Кто-нибудь может мне помочь?

Спасибо !! 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAS1COH5SeJCKhZ6i6nTi0Fx2qsdvWbAfA&sensor=false"></script>
<script type="text/javascript">

var loMap;
var loGeocoder;

$(document).ready(function()
{
    var loOptions = 
    {
        center:     new google.maps.LatLng(51.9645, 5.1965),
        zoom:       6,
        mapTypeId:  google.maps.MapTypeId.ROADMAP
    };

    loMap       = new google.maps.Map(document.getElementById('map'), loOptions);
    loGeocoder  = new google.maps.Geocoder();

    showMarkers();
});

function showMarkers()
{   
    console.log('World');
    loGeocoder.geocode( { 'address': 'Den Bosch'}, function (results, status)  
    {
        if(status == google.maps.GeocoderStatus.OK) 
        {
            console.log('Hello?');
            loMap.setCenter(results[0].geometry.location);
            console.log(results[0].geometry.location);
            var marker = new google.maps.Marker(
            {
                map:        loMap,
                position:   results[0].geometry.location
            });
        }
        else
        {
            console.log('Error');
        }           
    });
}
</script>

<div id="map" class="search_map" style="width: 220px; height: 240px"></div>

Ответы [ 2 ]

0 голосов
/ 14 августа 2014

Старый вопрос, но, поскольку я недавно столкнулся с проблемой, я подумал, что поделюсь своим решением. Я обнаружил, что что-то в Javascript на остальной части моего сайта мешает Google Maps. Я не получал никаких ошибок в Firebug или Chrome Console, поэтому я не мог точно выяснить, что это был за конфликт.

Я обнаружил, что если я поместил Карту Google на пустую страницу ASPX (т.е. без MasterPage со всем Javascript и CSS из остальной части моего сайта), то она работала нормально.

Решение? Я поместил Google Map в Iframe, и теперь он работает просто отлично. Если вы проверяете исходный код примера карты Google, они тоже используют Iframe, поэтому в этом должно быть что-то.

0 голосов
/ 07 марта 2012

вам нужно изменить строку new google.maps.LatLng (51.9645, 5.1965) на var place = new google.maps.LatLng (51.9645, 5.1965); и затем используйте место в качестве центра в loOptions . так же, как в маркере и это действительно работает :) И импорт JQuery, а также в начале страницы.

...