Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるオンラインツール『EZ MAP』

Google Mapを自由にカスタマイズして、生成されたコードをコピペで利用することができるオンラインツールを紹介します。

Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるサービス『EZ MAP』

Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるオンラインツール『EZ MAP』

EZ MAPは、Google Mapを自由にカスタマイズすることができるサービスです。

JavaScriptやAPIの知識がなくても、誰でも簡単にGoogle Mapをカスタマイズすることができます。

生成されたコードはサイトにコピペで貼り付けることができます。

ログインをすれば、カスタマイズ内容を保存しておくことも可能です。

デザインは豊富なテーマから1クリックで選べる

Snazzy Mapsで公開されているテーマから好きなデザインを1クリックで選ぶことができます。

デザイン

Cobalt

Google Map6

Apple Maps-esque

Google Map5

&

Google Map4

マップタイプ

マップタイプは地図(デフォルト)、地形、航空写真から選ぶことができます。

地図(デフォルト)

Google Map3

地形

Google Map2

航空写真

Google Map1

Google Mapのカスタマイズ

オプション

  • API key: APIキーを入力します。
    ※APIキーはGoogle Maps APIから取得できます。右上の「キーを取得」から進みます。
    key
  • Map Container ID: 地図の<div>タグに指定するid=""です。
  • Dimensions: 地図のサイズ(横、縦)を指定します。
  • Latitude: 地図の中心点の緯度を指定します。
  • Longitude: 地図の中心点の経度を指定します。
    ※緯度、経度は地図を直接ドラッグ&ドロップして指定することもできます。
  • Map Type Control: 地図の左上に表示されるマップタイプ(地図/地形/航空写真)選択ボタンの種類を選びます。
  • Map Type: マップタイプを選びます。
    • Road Map: 地図(デフォルト)
    • Road Map With Terrain: 地形付き地図
    • Satllite: 航空写真
    • Satellit With Labels: ラベル付き航空写真
  • Zoom Level: 地図のズームサイズを指定します。

マーカー(ピン)

地図にマーカー(ピン)を追加します。

マーカー

  • DROP A MAKER: 地図上をクリックして直接追加することができます。
  • ADD A MARKER BY ADDRESS: 住所からマーカーを追加することができます。
  • Marker Title: マーカーに表示するタイトルを変更できます。
  • Change Icon: マーカーの種類を選択できます。
  • Center Here: マーカーがある場所を地図の中心にします。
  • Delete Marker: マーカーを削除します。

マーカー(ピン)のデザイン

マーカー(ピン)のデザインはMap Icons Collectionに公開されているものを中心に、800種類以上のアイコンから選ぶことができます。

マーカー

変わったデザインのアイコンもあります。

マーカー

その他のオプション

マップタイプ(地図/地形/航空写真)の切り替えを許可するか、フルスクリーン表示を許可するか、ドラッグでのマップの移動を許可するかなど様々なオプションが用意されています。

オプション

マップコードの利用

マップコードはリアルタイムで生成されるので、コピペしてサイトに貼り付けるだけで利用することができます。

コード

人気の記事

2017年、人気の無料WordPressテーマ100選
2017年、人気の無料WordPressテーマ100選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Views 1,409