Googleマップからのウェブサービスへのリンクの取得

Question

さまざまなAPIで作成された多数のマップがよく見受けられます。 ESRI Javascript APIのような他のAPIをデバッグするときに簡単に実行できます。ビューソースに休憩をとり、他のGIS「ビューア」やAPIで使用できます。しかし、私がこのようなGoogleマップを打ち破ると、http://wildfire.alberta.ca/wildfire-status/wildfire-status-map.aspx

私はデバッグして、ArcGIS Onlineのような別のGISクライアントに接続すると言うことができる "サービスURL"を見つけることができないようです。上記の例の中で私が悩ますことのできる基盤となるWebアクセス可能なKMLのようなものはありますか？

Answer 1

このURLは、Google Maps Javascript API v3 KmlLayerを使用してKMLをレンダリングしています。

// Add static regions KML 
var regionsLayer = new google.maps.KmlLayer({ 
    url: 'http://wildfire.alberta.ca/apps/wildfirestatusmap/DataFiles/esrd_wma.kmz' 
}); 
regionsLayer.setZIndex(1); 
regionsLayer.setMap(map); 

// Add dynamic markers 
var wildfiresLayer = new google.maps.KmlLayer({ 
    //url: 'http://wildfire.alberta.ca/wildfire-status/status-map-handler.ashx?type=map' 
    url: 'http://wildfire.alberta.ca/apps/wildfirestatusmap/status-map-handler.ashx?type=map' 

}); 
wildfiresLayer.setZIndex(10); 
wildfiresLayer.setMap(map); 

コードスニペット：

function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     center: new google.maps.LatLng(37.4419, -122.1419), 
 
     zoom: 13, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    // Add static regions KML 
 
    var regionsLayer = new google.maps.KmlLayer({ 
 
    url: 'http://wildfire.alberta.ca/apps/wildfirestatusmap/DataFiles/esrd_wma.kmz' 
 
    }); 
 
    regionsLayer.setZIndex(1); 
 
    regionsLayer.setMap(map); 
 

 
    // Add dynamic markers 
 
    var wildfiresLayer = new google.maps.KmlLayer({ 
 
    //url: 'http://wildfire.alberta.ca/wildfire-status/status-map-handler.ashx?type=map' 
 
    url: 'http://wildfire.alberta.ca/apps/wildfirestatusmap/status-map-handler.ashx?type=map' 
 

 
    }); 
 
    wildfiresLayer.setZIndex(10); 
 
    wildfiresLayer.setMap(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>