はじめに
前回は,
Bing Maps AJAX Controlアップデート
今回の内容とは直接関係がありませんが,
日本の地図では未対応のため,
- ルート検索および表示
- 交通情報の表示
(図1) - ショッピングモールなどの地図表示と情報の取得
(図2)
以上の機能は,
また,
- PolylineとPolygonで点線の描画
- カスタムタイル画像の使用時に,
ズームアニメーションに合わせてカスタムタイルの拡大・ 縮小表示 - パンくずリスト
(階層リンク) の表示 (図3) - Bird’s eye表示の無効化,
パン (移動) の禁止, ズームの禁止
パンくずリストの表示は,
map = new Microsoft.Maps.Map(document.getElementById("map"),
{credentials: key, showBreadcrumb: true});
前回のアプリのコードに,
アップデート内容およびAPIに関しての詳細は,
Data Source情報の取得
さて,
取得できる情報は,
4種類のURLの書式で情報を取得します。いずれもHTTP GETメソッドでアクセスします。それでは,
Data Source一覧の取得
Bing Maps Keyに関連付いているData Sourceの一覧を取得するには,
- http://
spatial. virtualearth. net/ REST/ v1/ data?
$format=json&
key=BingMapsKey
パラメーターは次の通りです。
名前 | 説明 |
---|---|
$format | 取得する形式 atom |
key | マスターキーまたはクエリーとして指定したBing Maps Key |
得られる情報は,
AtomおよびJSON形式の結果は次のようになります。Data Sourceがふたつ含まれている例を示します。
Atom形式
<?xml version='1.0' encoding='utf-8'?>
<app:service xmlns:app="http://www.w3.org/2007/app" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:bsi="http://schemas.microsoft.com/bing/spatial/2010/11/odata">
<bsi:copyright>
© 2011 Microsoft and its suppliers.(省略)
</bsi:copyright>
<app:workspace bsi:updated="2011-06-19T08:59:09Z">
<atom:title>
GihyoSample
</atom:title>
<app:collection app:href="https://spatial.virtualearth.net/REST/v1/data/XXX/GihyoSample/FuelStores">
<atom:title>
FuelStores
</atom:title>
</app:collection>
</app:workspace>
<app:workspace bsi:updated="2011-05-17T13:37:22Z">
<atom:title>
Photo
</atom:title>
<app:collection app:href="https://spatial.virtualearth.net/REST/v1/data/YYY/Photo/TripPhotos">
<atom:title>
TripPhotos
</atom:title>
</app:collection>
</app:workspace>
</app:service>
JSON形式
{
"d": {
"Copyright": "© 2011 Microsoft and its suppliers. (省略)",
"DataSources": [
{
"EntitySets": [
"FuelStores"
],
"Name": "GihyoSample",
"Updated": "Sun, 19 Jun 2011 08:59:09 GMT"
},
{
"EntitySets": [
"TripsPhotos"
],
"Name": "Photo",
"Updated": "Tue, 17 May 2011 13:37:22 GMT"
}
]
}
}