ishikawa

frontend engineer in yamagata

地図ユニットの比較

Posted in: a-blog cmsユニット

Ver.2.9 からOpenStreetMapに対応されたので、3種類の地図ユニットを比較してみた。

OpenStreetMap(標準マップに設定)


Google Maps


[[:lt:]]h3[[:gt:]]山形市役所[[:lt:]]/h3[[:gt:]]

Googleへの登録やリクエスト数の制限など、少し導入しづらくなっているので、今後どうしようか検討中。見慣れているから、マップの見やすさは一番。スタティックマップの最大サイズは「640px」。

Yahoo!地図


yahoo map

スタティックマップの最大サイズ「2000px」。

Yahoo!地図を使うときは、CSSでimg { max-width:100%; }を設定していると地図が表示されないことが分かった。必要な場合は、Yahoo!地図が表示される範囲内のimgmax-width:none;として解除する。