Googleマップを使う(1)

GoogleMap上に特定の場所を指定して表現したい
  北海道のここにあるWeb素材を参考にして作成してみた

  作成事例としてはこれこれ

  覚書として以下のことを書きとめておきます
    コンテナのclassをgmapとする
    複数のマーカーのclassはgmakerとする

  gmapの指定パラメータ
    ・DATA-WIDTH        横幅(px)   省略時は640
    ・DATA-MOBILE-WIDTH  スマートフォン時の横幅(px)   data-widthの指定値
    ・DATA-HEIGHT        高さ(px)  省略時は320
    ・DATA-MOBILE-HEIGHT  スマートフォン時の高さ(px)  data-heightの指定値
    ・DATA-ZOOM         縮尺  省略時は13
    ・DATA-TITLE         マーカーのタイトル  省略値Map
      gmakerが設定されている場合は無視されます
    ・DATA-LAT          緯度  省略不可
      gmakerを配置する場合は省略可。gmakerの平均値が指定されます。
    ・DATA-LNG         経度  省略不可
      gmakerを配置する場合は省略可。gmakerの平均値が指定されます。
    ・DATA-TYPE  マップタイプ  省略時はROADMAP
      ROADMAP 通常の表示で、2DのGoogle Mapsを表示する
      SATELLITE 鮮明な航空写真のタイルを表示する
      HYBRID  鮮明な航空写真のタイルに、有名な地物(道路や街の名前)を重ねて表示する
      TERRAIN  山や川などの地形的特徴を持つ地図を表示する
    ・DATA-WINDOW      情報ウィンドウの初期表示  省略時は非表示
    ・DATA-MULTIWINDOW  多重窓の許可  省略時はfalse

  gmakerの指定パラメータ
    ・DATA-TITLE      マーカーのタイトル   Map
    ・DATA-LAT       緯度  省略不可
    ・DATA-LNG      経度   省略不可
    ・DATA-ICON     マーカーアイコン   省略時は標準のマーカー
    ・DATA-WINDOW  情報ウィンドウの初期表示   省略時は非表示


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

“Googleマップを使う(1)” への1件のコメント

  1. […] 2014年にGoogleマップを使う(1)を掲載してからの課題として   複数マーカーを表示し、最後に地図の中心を指定して終了としたかった   3年余り掛かって、分からなかった […]

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください