Google Maps v3 API擴展范圍map.fitBounds無法擴展范圍

Question

該地圖顯示2個標記，一個標記具有地理位置坐標，另一個標記具有一些隨機坐標。 我無法擴展范圍以適合地圖中的兩個標記。 怎么了？ 先感謝您。

<!DOCTYPE html>
<html>
  <head>
    <title>Google Maps JavaScript API v3 Example: Map Geolocation</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes">
    <meta charset="UTF-8">
    <link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css"
      rel="stylesheet" type="text/css">

    <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>

    <script type="text/javascript">
      var map;

      function initialize() {
        var myOptions = {
          zoom: 18,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);

        // Try HTML5 geolocation
        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
            var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
            var geolocation = new google.maps.Marker({position: pos, map: map, title: 'Your geolocation', });

            var latitude=47.03249;
            var longitude=28.833747;
            var pos2=new google.maps.LatLng(latitude,longitude);
            var geolocation2 = new google.maps.Marker({position: pos2,map: map,title: 'Your geolocation',});

            var pos3=new google.maps.LatLng((position.coords.latitude+latitude)/2,(position.coords.longitude+longitude)/2);
            map.setCenter(pos3);

            bounds.extend(geolocation.getPosition());              
            bounds.extend(geolocation2.getPosition());  

    map.fitBounds(bounds);

            }, 
            function() {handleNoGeolocation(true);});
        } 
        else {handleNoGeolocation(false);
        }

      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas" style='width:400px; height:400px;'></div>
  </body>
</html>

Answer 1

您的界限必須是google.maps.LatLngBounds對象。
您永遠不會構造它。

添加（在調用擴展之前）

var bounds = new google.maps.LatLngBounds();

順便說一句-您應該會收到javascript錯誤，這很清楚。

Google Maps v3 API擴展范圍map.fitBounds無法擴展范圍

問題描述

1 個解決方案

解決方案1
1 已采納 2012-07-11 01:00:53

Google Maps v3 API擴展范圍map.fitBounds無法擴展范​​圍

問題描述

1 個解決方案

解決方案1 1 已采納 2012-07-11 01:00:53

Google Maps v3 API擴展范圍map.fitBounds無法擴展范圍

解決方案1
1 已采納 2012-07-11 01:00:53