Question

我已经设置了如下所示的Google地图，但如果我这样设置'center'，我将看不到地图！我该怎么办？

var map = new google.maps.Map(document.getElementById("map"), {
    center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
    zoom: 13,
    mapTypeId: 'roadmap'
  });

提前致谢！

Answer 1

确保 position.coords.latitude和position.coords.longitude是数字，如果它们是数字，试图反转它们，可能你的坐标不存在

或甚至更多尝试这个

 var mapOptions = {
    zoom: 13,
    center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude)
       };

   var map = new google.maps.Map(document.getElementById('map'),mapOptions);

Answer 2

使用Google地图选项，您可以设置地图中心。

var centerPosition = new google.maps.LatLng(25.747688, 74.004142);
var options = {
    zoom: 8,
    center: centerPosition,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

查看此小提琴，例如地图中心Google Map Center

Answer 3

使用，

 <html>
        <head>
            <style>
                 html, body, #map-canvas {
                 height: 100%;
                 margin: 0px;
                 padding: 0px
                 }
            </style>
            <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

            <script>
            var map;

            function initialize()
            {

                    var mapOptions = {

                    zoom: 13,
                    center: new google.maps.LatLng(-34.397, 150.644),//your co-ordinates
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                    };

                    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

            }

            google.maps.event.addDomListener(window, 'load', initialize);

            </script>
       </head>
    <body>
       <div id="map-canvas"></div>
    </body>
</html>

Answer 4

var center = new google.maps.LatLng(centerLat, centerLng); 
map.setCenter(center);

Google Map API Javascript中心地图

4 个答案: