勉強したことのメモ

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

  関連記事

alert後にページ遷移

JavaScriptのalertが閉じたらページ遷移させてほしいと言われ、con ...

JavaScriptで年齢計算

JavaScriptで年齢計算。 ■ソース function ageCalcul ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

JavaScriptで画像に光沢をつける(glossy.js)

凄く簡単に光沢がつけられるライブラリがあったのでメモ。 ライブラリを呼び出してc ...

IEでjavascript関数の初期値

あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどI ...

highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

やりたかった事は、 ・棒グラフと折れ線グラフを入れたい ・Y軸はそれぞれ違う値に ...

table内のiframeのheightを最大高さにする

tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...

PHPで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報をPHPで取得し、GoogleMapAPIでその場所を反映 ...

setTimeoutの注意点

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

IE&javascriptの予約語

前にもひっかかった問題で、今日同じことで 時間をとられたのでメモ。 予約語? っ ...