#121次のジーズの課題がMapアプリだったので、地図で何かできないかと思い地上絵アプリを作ろうと思った。インスタでのSNS拡散を狙いたく、マップの静止画変換を画策していたところ、どうやら割と簡単にできるっぽいのでそこら辺について書いていく。何でYahooMAPにしたのかなど。JavaScriptマップAPIhttps://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/js/いまどきのサイトと比べると良い意味でも悪い意味でもYahoo感を感じる見た目。JavaScriptマップAPIと、あとで書くYahoo!スタティックマップAPIの2つを使う。MAPの良いところマップAPIと言えば真っ先に浮かぶのがGoogleだと思う。僕も使うならGoogleだと考えているが、GoogleMAPは以前触れたことがあったし他の使ってみたいと思う気持ちが若干あったため、違うAPIを使うことを決めた。Yahooマップの良いところを書いていく。11番利用制限が緩いYahooMAPはAPIリクエストを1アプリ当たり1日50,000回行うことができる。これは他のマップAPIと比較した際ぶっちぎりで制限が緩い。https://developer.yahoo.co.jp/appendix/rate.html一方でGoogleはhttps://cloud.google.com/maps-platform/pricing/sheet/ネイティブアプリには優しいが、Webで動的に使うとなると最大1ヶ月28,000回の読み込みとなる。1日で28,000回かと思ったが、1ヶ月である。bingなど、他のマップAPIも1日で換算すると、Googleと同じくらいかそれ以下くらいと制限が厳しめなことも考えると、この点はYahooのAPIの良いところだと言えると考える。代替案2リファレンスが全て日本語でわかりやすいYahooのAPIのリファレンスは完全に日本語なのでわかりやすい。Google翻訳という便利な機能はあるものの、翻訳した場合の日本語は読みづらい。英語圏の独特な言い回しが強引に日本語に適用された感じが何とも言えない。生の英語でリファレンスを読んだとしても、「このワードはこのプラグイン上の固有名詞として特異な意味を持っている何かなのか、それとも普通に読んで良いのか」みたいな、ストレスと時間を割く作業がなくわかりやすい。そもそも読めない、なんて状態に陥る心配も無い。その他思ったことYahooマップの良いところ以外で思ったこと。Googleマップの方がかっこいい。いうかGoogleマップの既視感が強いため、YahooのMAPを見るとどうしてもごちゃごちゃ感を感じる。PC用のデザインとスマホ用のデザインの2つを使うことができるのだが、特にPC用のデザインはイマドキのフラットデザインやモダンなマテリアルデザインとはかけ離れている。PCでの表示でもスマホデザインを利用できるのでそうしている。それでもGoogleの方がデザインは良いと思った。Yahooマップはスマホ(僕のiOS)で表示したときに、「大きな地図で見る」というボタンが勝手に表示されてしまう。して非表示にしたかったが現状できていない。要素のidかclassさえ分かれば非表示にできそうだが、スマホだとディベロッパーツールが使えないためわからない。何か方法はないか探している。Yahoo!スタティックマップAPIhttps://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/static.htmlこのAPIにリクエストを送ると、地図の画像をimgタグで返却してくれる。リクエストに色々パラメータを入れることで、中心位置、画像の大きさ、ズーム、線や図形の挿入などが行える。クエリパラメータを設定するのが少し煩雑だが、とても便利。1つ難点は静止画のデザインはPCマップになること。まとめまさか自分でもYahooを使うことに決めるとは思ってなかった。当初はバックグラウンドでの位置情報取得を実装しようと思ったが、ネイティブアプリの領域でないと無料で出来ないっぽいなと調べてて思ったので、フォアグラウンド取得のみで何か良い感じのもの作れないかと思い、今回の地上絵かくアプリに至った。Yahooマップの静止画がインスタ栄えするかわからんが、使ってくれる人少し入るんじゃないかと思っている。以上ありがとうございました。PMスマホ(iOS及びandroid)の場合は、どうしても「大きな地図で見る」というボタンが出るような仕様です。!important;で非表示にできました。PMお返事遅くなりました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。レスポンシブデザインを初心者でも実装したい。メディアクエリを使った、画面サイズで画像を切り替える方法のまとめ。Swift基礎中編はClassやextension、protocolなど。今まで使ってきたことないような概念や仕組みが色々備わっていて新鮮。