2011-11-21 6 views
0

Google지도 API를 사용하여 자바 스크립트를 통해 놀았습니다 (자바 스크립트도 새로 도입되었습니다). 저는 API 예제를 따라 정보창과 마커를지도에 추가하는 실험을했습니다.Google지도 api -지도에 kml 레이어 추가

내가하고 싶은 일은 아일랜드지도에 KML 파일을 오버레이하여 아일랜드의 국경에 대한 정보가 들어있는 KML 파일의 융합 표를 검색했습니다.

KML 파일이 여기에 융합 테이블에서 온 : http://www.google.com/fusiontables/DataSource?dsrcid=935280&search=ireland+counties&cd=0

내가 KML 파일로 내 보낸 공개 사이트에 업로드 (자바 스크립트를 참조 - 나는 2 개 이상의 링크를 게시 할 수 아니에요)

아래 링크에서 kml 파일을로드하려고합니다. 선택한지도가 표시되지만 KML 오버레이는 표시되지 않습니다. http://songsaboutsuperheroes.com/index.html

저는 융합 표 ID에 대한 링크를 사용해 보았습니다. 그런데 운이 없었습니다. KML 네트워크 링크를 사용해 보았으나 운이 없었습니다.

그래서 자습서에서 본 것처럼 KML 파일을 직접로드하려고합니다. 누구나 올바른 방향으로 나를 가리킬 수 있습니까? 내가 잘못하고있는 것이 확실하지 않습니다 - 미리 감사드립니다! 여기

나는 자바 스크립트 사용하고 있습니다 :

function initialize() { 

    var latlng = new google.maps.LatLng(53.36942,-6.378288); 

    var myOptions = { 
         zoom: 7 , 
         center: latlng, 
         mapTypeId: google.maps.MapTypeId.ROADMAP 
        }; 


    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);      


    var myLayer = new google.maps.KmlLayer(
     'http://songsaboutsuperheroes.com/Ireland_Counties.kml'); 
    myLayer.setMap(map); 
} 

답변

1

이 작동 - 내가 직접 KML 데이터를 보유하고있는 퓨전 테이블 액세스 : 네 개의 공간으로

var latlng = new google.maps.LatLng(53.36942,-6.378288); 

var myOptions = { 
     zoom: 7, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 


var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);      
layer = new google.maps.FusionTablesLayer(935280, { 
             suppressInfoWindows: true 
            }); 

layer.setQuery("select geometry,name_1 from 935280"); 
layer.setMap(map); 
+0

들여 쓰기 코드를 그것을 포맷하십시오. – Amy

0
var kmlUrl = 'http://www.yoursite.com/YOUR_KML_FILE.kml'; 

var KML_single = new google.maps.KmlLayer(kmlUrl, {color:"#4385F1" }); 


KML_single.setMap(map); 


    EXML_single = new GeoXml("EXML_single", map, kmlUrl, { 
          sidebarid:"sidebar", 
          iwwidth:280 

         }); 
    EXML_single.parse('SOME LOADING TEXT HERE'); 
관련 문제