2016-05-27 14 views
1

GoogleマップアプリケーションでKMLファイルを表示しようとしました。私は私のHTMLファイルを読み込むときにgoogle map api documentation for that.認識できないGoogleドライブに含まれるKMLファイル

を使用しました、それはGoogleマップのみを表示します。私はこの問題をKMLファイルと考えています。どのように私はそれを修正するのですか?私はGoogleドライブにKMLファイルをアップロードしています。リンクを持つ誰もが編集できるように共有しています。 しかし、Google Maps APIの例は機能しています... !!

これはコードです: -

<script> 
var map; 
var src = 'https://drive.google.com/open?id=0B5oAxCVEQK5uZ0tJcFBDaGRfajg'; 

function initialize() { 
map = new google.maps.Map(document.getElementById('map'), { 
    center: new google.maps.LatLng(7.742291, 80.529785), 
    zoom: 7, 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
}); 
loadKmlLayer(src, map); 
} 

    var kmlUrl = 'https://drive.google.com/open?id=0B5oAxCVEQK5uZ0tJcFBDaGRfajg'; 
var kmlOptions = { 
suppressInfoWindows: true, 
preserveViewport: false, 
map: map 
    }; 
var kmlLayer = new google.maps.KmlLayer(kmlUrl, kmlOptions); 

function loadKmlLayer(src, map) { 
    var kmlLayer = new google.maps.KmlLayer(src, { 
     suppressInfoWindows: true, 
     preserveViewport: false, 
     map: map 
    }); 
    google.maps.event.addListener(kmlLayer, 'click', function(event) { 
     var content = event.featureData.infoWindowHtml; 
     var testimonial = document.getElementById('capture'); 
     testimonial.innerHTML = content; 
    });} 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
+1

使用[ 'https://docs.google.com/uc?authuser=0&id=0B5oAxCVEQK5uZ0tJcFBDaGRfajg'](https://docs下回ります.google.com/uc?authuser = 0&id = 0B5oAxCVEQK5uZ0tJcFBDaGRfajg) –

+0

ありがとう、それは私の仕事です。 (y)、どのようにkmlファイルをgoogle docsに保存しましたか? – Dushman

+0

私はそれを保存しませんでした、あなたのファイルです(idパラメータに注意してください、あなたのURLと同じです)。別のURL(あなたが使用したURLはKMLビューアを開きますが、KMLファイルに直接リンクして正しいヘッダを取得する必要があります) –

答えて

0

これが問題のためのソリューションです。このコード全体は正しいですが、kmlファイルも正しいです。 ポイントは、GoogleドライブまたはDropboxにkmlファイルを置くことができないことです。サーバー上でKMLファイルをホストする必要があります。そのためにはGoogle Sites to host Your KMLを使用できます。

が役に立つことがあります - Display KML in a Google MapとGoogleのAPI

https://developers.google.com/maps/documentation/javascript/tutorials/kml#overview

関連する問題