Question

我试图将地图放在标记周围，现在你几乎看不到左角的标记。

我的代码是：

 <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>

已尝试过多种方式将其置于中心位置，但它确实没有成功如何使地图居中以使标记位于中间？

Answer 1

尝试在此页面上使用以下代码：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工作。

Google Maps Api - 以标记为中心

1 个答案: