Google Maps Api - центр вокруг маркера

-1

Я пытаюсь центрировать карту вокруг маркера, теперь вы едва можете увидеть маркер в левом углу.Google Maps Api - центр вокруг маркера

Мой код:

<script> 
    function initialize() { 
    var myLatlng = new google.maps.LatLng(<?php echo $hotelInformation['latitude']?>, <?php echo $hotelInformation['longitude']?>); 
    var mapCanvas = document.getElementById('map-canvas'); 
    var mapOptions = { 
     center: myLatlng,   
     zoom: 12, 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title:"<?php echo $hotelInformation['name']?>" 
     }); 
    var latLng = marker.getPosition(); 
    map.setCenter(latLng); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script>

Пытались различными способами, чтобы получить его в центр, но doesen't работать Как центрировать карту так маркер находится в середине?

источник

2015-03-01 Troels Johannesen

Вы сначала указали в Google, это дубликат такого большого количества http://stackoverflow.com/questions/6150409/google-map-v3-set-center-to-specific-marker ... = map.setCenter (); – Mayhem

@Mayhem, я попробовал вашу предложенную ссылку и попробовал google, просматривая карту google. Но все же я не могу заставить его работать. Я обновил свой код в верхней части страницы - можете ли вы определить, что я делаю неправильно? –

Ваш код выглядит корректно, проверьте наличие ошибок в консоли вашего браузера. – Mayhem

Попробуйте использовать следующий код на этой странице: http://www.w3schools.com/googleapi/tryit.asp?filename=tryhtml_map_first

<!DOCTYPE html> 
<html> 
<head> 
<script 
src="http://maps.googleapis.com/maps/api/js"></script> 

<script> 


window.initialize = function() { 
    var myLatlng = new google.maps.LatLng(-28.0000,138.0000); 
    var mapCanvas = document.getElementById('map-canvas'); 
    var mapOptions = { 
     center: myLatlng,   
     zoom: 12, 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title:"123" 
     }); 
    var latLng = marker.getPosition(); 
    map.setCenter(latLng); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 

</script> 
</head> 

<body> 
<div id="map-canvas" style="width:500px;height:380px;"></div> 

</body> 
</html>

Причина, почему я предлагаю W3School, хорошо jsfiddle был быть боль в .... чтобы GMaps работать.

источник

2015-03-01 10:55:48 Mayhem

Вам не нужно создавать переменную 'latLng', вы уже знаете позицию, просто используйте' map.setCenter (myLatlng); ' – duncan

Это копия его кода, просто он-лайн пример, используя его .. ну минус нужно скопировать n пасту на w3 – Mayhem

... так он отвечает на его вопрос? – duncan

Google Maps Api - центр вокруг маркера

ответ

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