勉強したことのメモ

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

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

   

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

 

サンプル

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

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

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

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

 

事前準備

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

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

 

テーブルの作成

以下でテーブル作成。

 

中心地のデータ

 

県庁所在地のデータ

 

その他

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

 

参考

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

 - JavaScript

  関連記事

javascriptでスクロール

やりたかった事は、 ・javascript,jQuery使う ・スクロールさせた ...

jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...

javascript:void(0)について

よく使う<a href="javascript:void(0)" oncl ...

javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...

setTimeoutの注意点

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

テキストエリアのリアルタイムプレビュー

テキストエリア内に書いた内容をリアルタイムで プレビューする機能が必要となり、教 ...

prototypeとjqueryの競合

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

javascriptで論理和演算子の特殊な使い方

論理和「||」の特殊な使い方を教わったのでメモ。 普段使うのは、 if (a = ...

JavaScriptだけでTOPへ戻るリンクの表示

ページ内をある程度スクロールするとTOPへ戻るリンクを 表示させたかった。 ただ ...

異なる文字コード間でform送信する

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