Question

为什么我无法设置缩放级别，我尝试使用＆amp; z = 5来编写链接末尾，购买无法正常工作。这是演示

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2830.0493437376044!2d20.460033515820356!3d44.8205593841789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475a7ab4f7ba19a5%3A0xf3cb8c583ee409d6!2sGagarin+Film!5e0!3m2!1sen!2sba!4v1472463205637&z=5" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

http://jsfiddle.net/e9fdgfpn/154/

Answer 1

如果您的嵌入代码来自maps.google.com，那么＆＃34; pb＆＃34; URL参数包含一个长字符串中的每个地图设置，包括缩放级别。

此参数中的每个值都以感叹号分隔，并以2个字母的代码开头。前三个值以＆＃34; 1m＆＃34;开头。以＆＃34; 1d＆＃34;开头的第四个值是缩放级别。更改＆＃34; 1d＆＃34;之间的值以及用于调整缩放级别的感叹号。

大约1000的值显示一个与城市街区大小相关的区域，超过400,000的值将包含全球。

Answer 2

使用此代码

 <!DOCTYPE html>
    <html>
    <head>
    <script
    src="http://maps.googleapis.com/maps/api/js">
    </script>

    <script>
    function initialize()
    {
      var mapProp = {
        center: new google.maps.LatLng(51.508742,-0.120850),
        zoom:7,
        panControl:true,
        zoomControl:true,
        mapTypeControl:true,
        scaleControl:true,
        streetViewControl:true,
        overviewMapControl:true,
        rotateControl:true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    </head>

    <body>
    <div id="googleMap" style="width:500px;height:380px;"></div>
    </body>
    </html>

为什么我无法在谷歌地图上设置缩放级别

2 个答案: