谷歌为国家地图缩放级别

Google maps zoom level for country

本文关键字:缩放 地图 国家 谷歌      更新时间:2023-09-26

我在为不同国家设置缩放级别时遇到了问题,我已经设法使地图工作并显示了国家,但似乎无法设置缩放级别。

如有任何帮助,我们将不胜感激。

感谢

George

<script type="text/javascript">
                    var infowindow = null;
                    $(document).ready(function () { initialize(); });
                    function initialize() {
                        //var geocoder = new google.maps.Geocoder();
                        //geocoder.geocode({ 'address': address }, function (results, status) {
                        //    if (status == google.maps.GeocoderStatus.OK) {
                        //        map.setCenter(results[0].geometry.location);
                        //        map.fitBounds(results[0].geometry.viewport);
                        //    }
                        //});
                        var centerMap = new google.maps.LatLng(@Html.Raw(@item.strLatLong));
                        var myOptions = {
                            zoom: 4, //<<-------How can I chnage this
                            center: centerMap,
                            mapTypeId: google.maps.MapTypeId.ROADMAP
                        }
                        var map = new google.maps.Map(document.getElementById("WeatherMapLocation"), myOptions);
                        setMarkers(map, sites);
                        infowindow = new google.maps.InfoWindow({
                            content: "loading..."
                        });
                        var bikeLayer = new google.maps.BicyclingLayer();
                        bikeLayer.setMap(map);
                    }

                    function setMarkers(map, markers) {
                        for (var i = 0; i < markers.length; i++) {
                            var sites = markers[i];
                            var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
                            var marker = new google.maps.Marker({
                                position: siteLatLng,
                                map: map,
                                title: sites[0],
                                zIndex: sites[3],
                                html: sites[4]
                            });
                            var contentString = "Some content";
                            google.maps.event.addListener(marker, "click", function () {
                                infowindow.setContent(this.html);
                                infowindow.open(map, this);
                            });
                        }
                    }
                </script>

从Geocoder的文档中,有一个视口和在Geocoder响应中返回的边界,可用于在结果上居中和缩放地图。

 if (results && results[0] && results[0].geometry && results[0].geometry.viewport) 
      map.fitBounds(results[0].geometry.viewport);

工作示例