谷歌地图我的选项将不起作用答案

【问题标题】：Google maps myoptions will not work谷歌地图我的选项将不起作用
【发布时间】：2014-03-13 19:34:55
【问题描述】：

我正在尝试自定义马萨诸塞州的地图..以显示 10 个地区。我已将链接添加到在“我的地方”中创建的地图的链接，但我无法使地图居中、缩放或标题.. 中心 LatLng 是伍斯特.. 没有任何作用救命！！

谢谢

     <!DOCTYPE html>
     <html>
     <head>
     <meta charset="utf-8">
    <title>dist-layer</title>
    <script src="http://maps.google.com/maps/api/js?sensor=false">          </script>
    <script>

     function initialize() {
     // var myLatlng = new google.maps.LatLng(42.268843,71.803774);
     // zoomControl:false,
     // zoom: 18,
     // Title: "Mass Districts",
     //  center: myLatlng

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

      var kmlLayer = new google.maps.KmlLayer({
       url: "http://mapsengine.google.com/map/kml? mid=zHTaYadv8Mrs.kHqpg6p0mrlk&amp;lid=zHTaYadv8Mrs.khlpCJFyVigQ",
          suppressInfoWindows: true,
             Map:map
      });

      google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
        var text = kmlEvent.featureData.description;
        showInContentWindow(text);
      });

   function showInContentWindow(text) {
    var sidediv = document.getElementById('content-window');
    sidediv.innerHTML = text;
     }
        }

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

      </script>
    </head>
    <body>
      <div id="map-canvas" style="width:40%; height:472px; float:left;">    </div>
      <div id="content-window" style="min-width:15%; max-width:28%;    height:430px; float:left; border: #0ff 5px double;padding: 10px;">     </div>
     </body>
     </html>

【问题讨论】：

也许你想澄清一下你所说的“没有用”是什么意思？
对不起..我的意思是，我已经将“缩放”从 1 设置为 20，没有变化，中心从伍斯特（现在设置的地方）到伦敦，东京，没有变化，标题，没有什么。我认为 center ， zoom 和 mapType 是必需的？帮助
works for me (fiddle)，我想你想要 preserveViewport:true
您没有定义任何选项。全部被注释掉。
Google Maps zoom gets overriden, when using a kml file 2的可能重复

标签： google-maps google-maps-api-3

【解决方案1】：

将 preserveViewport 设置为 true，否则 KmlLayer 将缩放以适应其内容。

    var kmlLayer = new google.maps.KmlLayer({
        url: "http://mapsengine.google.com/map/kml?mid=zHTaYadv8Mrs.kHqpg6p0mrlk&lid=zHTaYadv8Mrs.khlpCJFyVigQ",
        suppressInfoWindows: true,
        preserveViewport:true,
        map: map
    });


function initialize() {
    var myLatlng = new google.maps.LatLng(42.2625932, -71.8022934);
    // zoomControl:false,
    // zoom: 18,
    // Title: "Mass Districts",
    //  center: myLatlng
    var mapOptions = {
        zoomControl: false,
        zoom: 11,
        title: "Mass Districts",
        center: myLatlng
    };
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);


    var kmlLayer = new google.maps.KmlLayer({
        url: "http://mapsengine.google.com/map/kml?mid=zHTaYadv8Mrs.kHqpg6p0mrlk&lid=zHTaYadv8Mrs.khlpCJFyVigQ",
        suppressInfoWindows: true,
        preserveViewport:true,
        map: map
    });

    google.maps.event.addListener(kmlLayer, 'click', function (kmlEvent) {
        var text = kmlEvent.featureData.description;
        showInContentWindow(text);
    });

    function showInContentWindow(text) {
        var sidediv = document.getElementById('content-window');
        sidediv.innerHTML = text;
    }
}
google.maps.event.addDomListener(window, 'load', initialize);

fiddle

【讨论】：

超级......谢谢......看不到森林......树木挡住了......再次感谢您的时间......