名古屋でプレミアム商品券が使えるお店を地図上に表示するサイトを作ってみました。

市のホームページで公開されているデータを取り込んで、住所から緯度経度を算出して、マップに表示しています。
https://maru-site.com/mapstest1/nagoya.php

 

■スマホでも表示できます

スマホなどのGPS機能が付いているデバイスであれば、現在位置の表示もできます

 

■現在地ボタンを押すと現在位置に移動します

自分が今いる場所付近でプレミアム商品券を使える店をパッと見て探すことができます。

 

■★マーク
地図上の★マークがプレミアム商品券が使えるお店です

★マークをクリック(タップ)すると、フキダシに店名が表示されます

フキダシをクリック(タップ)すると、そのフキダシが隠れます

 

■フキダシボタン

地図をある程度拡大するとフキダシボタンが表示されます

このボタンを押すと、今、表示されているエリアの店が一斉にフキダシ表示されます

もう一度ボタンを押すとフキダシが解除されます

 

■バグったら「更新」
Webアプリはたまにバグります。

そんなときは更新ボタンで、ページを再読みしてやってください

 

■謝りごと
なにぶん、
データの取り込みや緯度経度の計算までプログラムで自動的に行っているので、たま～に実際のお店と地図上の場所が違っていることがあります。

全部はチェックできてません(泣)
ごめんなさい。。。

 

■お役に立てれば何よりです

とりあえず、名古屋版と豊橋版を作ってみました

豊橋版
https://maru-site.com/mapstest1/toyohashi.php

余裕があればその他の市町村でも作れればなー、とボンヤリ企んでます。