谷歌地图myoptions将不起作用

我想要自定义一个地图Mass..to显示10个地区。我添加了“我的地方”中创建的地图的链接，但我无法将地图放到居中，缩放或标题中。LatLng的中心是Worcester ..没有任何作品帮助！谷歌地图myoptions将不起作用

感谢

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

来源

2014-03-13 user3416835

也许你要弄清楚你的 “实在不行” 是什么意思？ – Drunix

对不起。我的意思是说，我已经从1到20没有变化的“放大”，从伍斯特（现在设置它）到东京伦敦的中心，没有变化，标题，没有任何变化。我认为中心，缩放和mapType是必需的？帮助 – user3416835

[为我工作（小提琴）]（http://jsfiddle.net/z6h7A/1/），我想你想preserveViewport：true – geocodezip

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

来源

2014-03-13 20:34:10 geocodezip

超..感谢..不能看到森林..树木在路上..再次感谢您的时间.. – user3416835

谷歌地图myoptions将不起作用

回答

相关问题