Googleマップ上にベクトルタイルを描画してみる | マルティスープStaffブログ
2017.09.24 Googleマップ上にベクトルタイルを描画してみる みなさん、こんにちは。 前回のブログで紹介したベクトルタイルを 、Google マップ上に描画する方法を調査してみました。 色々と探してみたところ、以下の記事が参考になりましたので、紹介いたします。 https://stackoverflow.com/questions/27284251/vector-tiles-with-google-maps-v3 今回は、国土地理院が公開している3つのレイヤを描画したいと思います。 レイヤ名 タイルURL 道路中心線 国土地理院のベクトルタイル情報は以下のサイトをご覧ください。 https://github.com/gsi-cyberjapan/vector-tile-experiment/issues Google Maps JavaScript API でベクトルタイルを描
GMSMapViewDelegate 一覧 - [開発] - Google Maps SDK for iOS
Google Map SDKで利用できる「GMSMapView」の通知イベントについてまとめる。 iOSアプリへのGoogle Map SDKの組み込みについては以下の記事を参照。 Google Mapを組み込む - [開発] - Google Maps SDK for iOS デリゲートメソッド一覧 GMSMapViewのdelegate、「GMSMapViewDelegate」で利用できるのは以下のメソッドだ。 - (void)mapView:(GMSMapView *)mapView didChangeCameraPosition:(GMSCameraPosition *)position; メソッド内容
![GMSMapViewDelegate 一覧 - [開発] - Google Maps SDK for iOS](https://cdn-ak-scissors.b.st-hatena.com/image/square/2698ed50b1999afcef2f271d603d5c397b1ecaf5/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEieHQfXrZW7aIbyqoZu-9NDB9b6q-y9sr3w9FxqzQMlHW1rJ_ycitkHXyL4NY9-0R90ShAQManOEOjKhNJwRCWVCmr_hqsHFfVyOQJo80Mn0B6qApuWQd25vj7JHkhJF9jC9RmJPcqinrFa%2Fw1200-h630-p-k-no-nu%2F%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2013-03-17%2B19.59.19.png)
Maplace.js - 軽量なjQuery × Googleマップライブラリ MOONGIFT
Googleマップをプログラマブルに組み込むのに良さそうです。 GoogleマップはAPIの多彩さ、機能の柔軟さもあって様々なサービスで使われています。位置情報や地図を扱おうと思ったら一番に考えるのではないでしょうか。 そんなGoogleマップをさらに手軽に使えるようにしてくれるライブラリがMaplace.jsです。機能は限られますが広範囲に利用できそうです。 まずは簡単なデモ。地図の表示を行います。コードとしてはたった数行です。 // JavaScript var maplace = new Maplace(); maplace.Load(); // or new Maplace().Load(); // HTML <div id="gmap"></div> その結果は次のようになります。 シンプルな地図表示。 次はドロップダウンやリストを使ったマーカーのデモ。マーカーは自動的に中央に表
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
