Google Maps Static Map
Google Maps の Static Map は、長らく月間 $200（100,000 アクセス分）の無償利用枠があったのですが、なんと 2025 年の３月より、この枠が無くなってしまいました。月間 10 万アクセスなんか行かんやろ、ずっと無償枠で行けるな、と思ってたのですが、この無償枠が無くなってしまうとは。そしてついに、課金されるようになってしまいました。困ったなぁ。。。
ということで、何か代替案があるか検討してみました。
条件はこんなところ。
・なるべく安い
・マーカーを複数打てる
・HTML に iframe や img で埋め込める
１つ目の候補は Open Street Map。
Open Street Map は無償で、iframe で埋め込むことができてとても良いのですが、残念ながらマーカーは１つだけ。あとちょっと地図が見づらい感じがします。。。
２つ目は Mapbox。
費用は月間 50,000 リクエストまでは無料。無料枠を超えた分は、ユーザーごとに課金。1,000 ユーザーごとに 550 円です。課金単位が利用ユーザー単位という、とても良心的な仕組みです。（超過分が 10,000 リクエストでも、利用ユニークユーザーが 1,000 人だと、550 円です。）
Mapbox は、画像を取得して img で埋め込めます。地図には複数のマーカーを打てて、なかなか良いのですが、残念ながらマーカーは、1,2,3 と数字なのです。A,B,C としたいなぁ、、、あと、地図の表記が英語なのです。日本語表記に変えられるという情報もあるのですが、私にはできませんでした。。。
３つ目は Yahoo 地図。
費用は、個人ブログ、非営利の情報サイト、無料で提供されるウェブサービスなどに対しては無料。しかし、iframe や img ではなく、Javascript を使います。情報によると、複数マーカーを設置することもできるようなのですが、残念ながら私にはできませんでした。相当サンプルコード見ましたが、なんで動かないんでしょうね。。。
そもそも Javascript 使うのだったら Open Street Map でも複数マーカーを打てるようになるらしいし、何とでもなるのでしょう。しかし私の場合、１ページに複数個地図を設置することが多いので、その場で完結できる iframe や img での埋め込みの方が使い勝手が良いんです。
Yahoo 地図でできるのは、こんな感じの埋め込み方。
これは地図 API を使っているのではなく、単に Yahoo 地図をリンクしているだけです。
でもこれでいいのなら、Google Maps でも Static Map を使わなくても同じように埋め込めるのですよね。うむむ。。。
４つ目は Google Maps の My Map です。
My Map は以前から結構使っていますが、あまり数が増えると管理が大変かなぁ、と思って全ルートの表示くらいにしか使っていませんでした。利用は無償で、複数マーカーを打てて、表記も自由。HTML には iframe で埋め込めます。悪くないのですが、表示範囲（中央）やズーム倍率の指定が自由にできず、Static Map ほどの使い勝手はありません。
こうして見ると、どれも一長一短で、Static Map を超えるものはありません。Static Map 便利だったのになぁ、、、
色々調べてみたのですが、結局、無償で使えて、マーカーを複数打てて、iframe で埋め込める Google Maps の My Map が良いのかもしれません。マーカーはアルファベットなど自由に使えて、地図も見やすく、そのあたりはポイント高いです。しかし、基本的なところで Google Maps の表記が信用ならない、と言うことはあるのですが、まぁそれには目を瞑るとしましょう。
ということで、これから過去に書いたページの Static Map を My Map で置き換えるか。一体いくつあると思ってるんだよ、ホントに。(T_T)
2025年6月14日追記：
Mapbox で日本語表記することができるようになりました。
でもマーカーのラベルには数字だけなのですよね。。。残念。
2025年6月29日追記：
Mapbox でマーカーに文字を設定することができるようになりました。さらに衛星画像も表示できるようになりました。
なかなか良いではありませんか。ただ、Google Maps に比べて情報量が少ないのですよね。また、電車の路線がほぼ見えない。
あと、衛星画像はあまり拡大すると道路の色（黄色）が薄くなってどこが道路か少し見づらいのです。
ズーム倍率に小数点以下を指定できるとか、良いところも多いのですが、難しいですね。。。
