APIが使えなくなった?!
Google MapのAPI系が隋分前からプラットフォームが移行され従量制の有料プランのみになりました。
月額$200分は無料になるらしいですが、PVが多いサイトは相当請求されるそうです。APIを使うと色々とコントロールできるのですが、従量制の課金は危険過ぎるので、iframeのembedによる地図表示で対応することにしました。
トラブル発生?!
iframeを使う場合どうしてもデフォルトで『拡大地図の表示』『ルート』ガイダンスが表示されます。小さいサイズの場合、非常に厄介です。
ただ、『共有でHTMLコード』を取得して消すことも可能ですが、仕様が変わったのか、タブレット系の画面ではそのコードを取得できませんでした。それならばと強制的に見えなくなるように対応しました。※方法は内緒です。ガイダンスOFF/ONのデモを見ていただければエンジニアなら解るかと思います!
住所検索(ガイド強制OFF)
[google-map-iframe q=東京都千代田区]
※補間処理がない為、中心位置(設定)がズレます。意識して設定で位置(緯度経度)を下にズラす必要がありります。
住所検索(ガイドON)
[google-map-iframe q=東京都千代田区]
緯度経度指定
[google-map-iframe ll=35.689634,139.692101]