Question

我在解决如何设置不同国家/地区的缩放级别时遇到问题，我已设法让地图正常工作并显示国家/地区，似乎无法确定如何设置缩放级别。

任何帮助都将不胜感激。

由于

乔治

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

Answer 1

从the documentation on the Geocoder开始，地理编码器的响应中返回了一个视口和一个边界，可用于居中和缩放结果上的地图。

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

working example

Answer 2

修正了问题，经过更多的研究发现了这个链接。

https://developers.google.com/maps/documentation/javascript/geocoding

乔治

谷歌映射国家的缩放级别

2 个答案: