勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

GoogleMapで都道府県の中心地と県庁所在地

   

GoogleMapで都道府県の中心地もしくは県庁所在地にマーカーを立てたかった。後で使いまわしやすいようMySQLのデータとマップのサンプルを以下に方法をメモ。

 

サンプル

中心地にマーカーを立てたマップ

http://sample.taitan916.info/gmap_prefecture/

県庁所在地にマーカーを立てたマップ

http://sample.taitan916.info/gmap_prefecture/index2.php

 

事前準備

マップ自体は以前に作成した以下のものを使用した。

http://taitan916.info/blog/?p=2845

 

テーブルの作成

以下でテーブル作成。

 

中心地のデータ

 

県庁所在地のデータ

 

その他

あとはサンプル通りにすればOK。見比べた感じだと県庁所在地のマップの方がしっくりきた。

 

参考

https://kariruno.com/center-todoufuken/
https://www.benricho.org/chimei/latlng_data.html

 - javascript

  関連記事

javascript_logo_unofficial-300x300
マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

javascript_logo_unofficial-300x300
JavaScriptで全角半角を判別の上で文字数カウントを行う

やりたかった事は「全角5文字・半角10文字以内の入力フォーム」 みたいなもの。 ...

mzl.qobqfuxq
GoogleMapAPIで現在地取得と目的地までのルート表示

GoogleMapAPIを使って現在地を取得しつつ、目的地までのルートを表示させ ...

javascript_logo_unofficial-300x300
jQueryやJavaScriptで認識違いしていたところのメモ(高速化)

認識違いしていたり、知らなかったりでもっと高速な 処理を行えそうな点があったので ...

javascript_logo_unofficial-300x300
JavaScriptでAjaxを使わずにクロスドメインから変数を取得する

JavaScriptの配列形式で出力するファイルを作成しておき、 動的にソースに ...

javascript_logo_unofficial-300x300
setTimeoutの注意点

javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...

android_logo2-300x224
Android2.3でJavaScriptのエラー

Android2.3で関数が動かないといったエラーが発生していた。 担当外だった ...

javascript_logo_unofficial-300x300
JavaScriptでdisplay:none/blockの切り替え

jQueryだとhide/show使うか、もしくは toggleだけでいいけどJ ...

mzl.qobqfuxq
GoogleMapAPIで現在地を更新する方法

GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...

mzl.qobqfuxq
JavaScriptで住所から経度緯度を取得する

やりたかった事はformに住所を入れてsubmitする際に、javascript ...