Google지도 myoptions가 작동하지 않습니다.

10 개 지구를 표시하기 위해지도를 맞춤 설정하려고합니다. "내 장소"에서 만든지도에 대한 링크를 추가했지만 중심점, 줌 또는 제목으로지도를 가져올 수 없습니다. 중심 LatLng은 우스터입니다 .. 아무 것도 작동하지 않습니다. 도움말 !!Google지도 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

Google지도 myoptions가 작동하지 않습니다.

답변

관련 문제