勉強したことのメモ

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
クロスドメインのiframeで子フレームから親フレームにheightの値を渡す

やりたかった事は、 ・iframeで子フレームから親フレームにheightの値を ...

javascript_logo_unofficial-300x300
複数のajax処理の結果をまとめて表示

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

jquery_logo
prototypeとjqueryの競合

ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...

javascript_logo_unofficial-300x300
異なる文字コード間でform送信する

formの送り手がUTF-8で受け手がEUC-JP、 なんとかしてjavascr ...

javascript_logo_unofficial-300x300
javascriptの文末

下記みたいなコードがあって、文末に「;」が 無いのになんで動くのこれ? となった ...

jquery_logo
日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

jquery_logo
テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

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

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

javascript_logo_unofficial-300x300
getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...

javascript_logo_unofficial-300x300
JavaScriptで文字列から数値へ変換時の注意

JavaScriptで文字列から数値へ変換時に思った挙動と異なることがあった。具 ...