各エリアをGoogleマップでポリゴンでマークする方法は？

Question

Googleマップやその他のサービスを使用して地図を作成しようとしています。

この地図では、街の中の各エリアとその詳細を描きたいと思います。

これは、次のようになります。link

GoogleマップAPIを使用して作成するにはどうすればよいですか？または、私はGoogleマップでmymapsオプションで行ったのと同じ方法がありますか？

助けてください。

Answer 1

あなたはGoogle Maps JavaScript APIのv3のマップ上の自分のマイマップからポリゴン（など）を表示するためにKmlLayerを使用することができます（APIキーが必要になります）。

URLはオプションの両方をチェックし、自分のマイマップからKMLを（「KMLをダウンロード」）エクスポートすることによって得られた：

• ネットワークリンクKML（のみ使用可能なオンライン）で最新のデータを保管してください。
• .KMLファイルにエクスポートします（フルアイコンをサポートするには、.KMZを使用します）。

次いで、得られたファイルに<href>のコンテンツを使用（およびHTMLエンティティのエンコーディングを除去）：

<href>http://www.google.com/maps/d/kml?forcekml=1&amp;mid=1yrtH76JreHzs8bU1-XOoVsEeRS0</href> 

コードスニペット：

function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    var kmlLayer = new google.maps.KmlLayer({ 
 
    url: "http://www.google.com/maps/d/kml?forcekml=1&mid=1yrtH76JreHzs8bU1-XOoVsEeRS0", 
 
    map: map 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map_canvas"></div>