Google Maps API → OpenLayers API

id:ykhpno1 さんの、この質問。

その前までの一連の質問で、Google Maps API を使ってある程度の形になっていたのだけれど、アクセス数の制限があったりするから OpenStreet Map に変更したいという お話。
Google Maps API のここは、OpenLayers API ではこう書く、みたいな感じページが意外と見つからなかったので、備忘を兼ねて。

長いよ

  • まずは、ソース
  • Google Maps API vs. OpenLayers API
    • (A) 地図の作成
    • (B) 地図の作成タイミング
    • (C) 地図を表示する要素との紐づけ
    • (D) 中心の位置
    • (E) スケールバー
    • (F) 良い感じにズーム
    • (G) ズームの最大値を抑制
    • (H) マーカーの作成
    • (I) マーカー画像の指定
    • (J) マーカーのツールチップ
    • (K) 吹き出しの作成
    • (L) マーカーをクリックしたときに、吹き出しの表示をトグル
    • (M) 吹き出しがマーカーを覆い隠す
    • (N) 地図のスタイル
    • (O) マーカーのクラスタリング
  • 回答に書いたコードから変更したところ
  • その他に...
    • マウスホイールを使った拡縮
    • OpenLayers 3
  • 参考情報
    • 公式リファレンス
    • リンク
    • 元のコードとか
続きを読む