関連施設場所.初心者のためのネットショップ開業総合支援講座
| 広島市街地図 by Google Maps API |
このサイトでご案内する施設や金融機関などはGoogleマップAPIを利用しています。設置と利用は無料のGoogle Mapsは1日5万ページビューのアクセス制限があります。
Google Mapsの公開プログラムソースを自由に追記して作成できるAPIはAjaxと呼ばれるjavascriptとXMLで記述されたプログラムを利用していますが、簡単な改造はこれらの知識が不要であり、GeeKなページやGoogle Maps API解説などのサンプルソースに指定Keyや地図の横幅と縦幅、経度と緯度を記述することで最低限の表示は可能です。
例えば、自店サイトに独自Googleマップを掲載することで、実店舗を正確に案内することができます。独自の地図作成に比べ、イラストの手間や著作権などの問題はありませんが、GoogleマップAPIキーの入手が必要です。
Google MapsのAPIで使用する文字コードはUTF-8です。Shift_JISでは文字化けするので、UTF-8にするか、地図を別ページに作成し、<iframe>で表示する方法があります。
Googleマップ利用方法
- チェック後に出現するマーカーをマウスオーバーするとバルーンを表示する
- バルーン内の画像をクリックすると画像が拡大表示される
- マップ内でマウスをドラッグすると中心部を自由に移動できる
- マップは縮小拡大や衛星画像(サテライト)に切り替えできる
Googleマップのマイマップはウェブ上でコメントや画像、動画などを埋め込んだ地図が作成できます。この機能を利用することで、お店のサイトページに保存したオリジナルマップを簡単にリンクできます。(使用例)
また、簡単にGoogle Mapsの表示場所をサイトに貼り付けできるサービスにWikiMapiaがあります。iframeで表示されるマップや衛星画像はドラッグやズーム操作が可能です。
1.WikiMapiaにアクセスし、右上languageのjapaneseを選択
2.右上WikiMapiaのAdd New Placeを選択し表示場所を指定
3.選択表示枠でリサイズ後にタイトルを入力し、saveする
4.右上WikiMapiaのMap on your page選択後にHTMLが表示
5.この表示HTMLをコピーし、サイトソースに貼り付ける
【広島城の衛星画像例】
<iframe src="http://wikimapia.org/s/#y=34401634&x=132459412&z=16&l=7&m=s&v=2"
width="170" height="150" frameborder="0"
scrolling="AUTO"></iframe>
| 経緯度の検出マップ by Google Maps API |
経度や緯度を設定する数値は度数以下4桁(分、秒)で十分です。広島市の場合、1秒の距離は南北方向の緯度で約30.8ｍ、東西方向の経度で約25.5ｍになります。なお、緯度1秒は国内の場合、30ｍ前後であまり変わりませんが、経度は数メートルの違いがあります。出発地と目的地との距離などの目安はキョリ測やnanpun.jpでも測ることができます。
| 距離の算出マップ by Google Maps API |
| 面積の算出マップ by Google Maps API |
