文系プログラマによるTIPSブログスマートフォン用の表示で見る文系プログラマによるTIPSブログ文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。javascriptTwitterGooglePocket久しぶりの投稿です〜最近tree-maps開発ブログの方ばかりに投稿していてこっちのブログに投稿してなかったので、久しぶりの投稿になります。先日tree-mapsのプロットページのスタイル適用機能に、沢山の地理院タイルを追加しました。www.tree-maps.comこの地理院タイルについて、適用方法をまとめてみます。Mapに適用できるタイルを実は用意してくれています。Mapに被せると、昔の航空写真等を適用する事ができたりしてしまうのです。google.maps.Mapオブジェクト)に対して、以下のように後付でオプションを設定してあげると、地理院タイルを適用する事ができます。supportZoomMin));上記の「地図の指定」の4つのconstの値を変えると、簡単に様々の地理院タイルを適用する事ができます。tree-mapsでは実際に、constの代わりに以下のようにjsonで定数を用意し、対応するズーム値等をまとめています。実装時の注意点mapTypeIdが変わってしまう通常の地図だとmap.setMapTypeId(google.maps.MapTypeId.ROADMAP)というように、ロードマップが適用されます。地理院タイルの指定時は「GsiMaps」とユニーク値を指定しているので、tree-mapsのように地図のスタイルを変えたり元に戻す必要が有る場合、通常の地図に戻す場合は上記のようにロードマップに戻してあげる必要があります。Mapのズーム値が決められています。それ以外のズーム値は画像が用意されていないので、必ず対象の地図にかかれているズームレベルを確認して設定する必要があります。0〜21の値が指定できる訳ではないので注意しましょう。「提供範囲」という部分が画像を配信している地域です。これが「日本全国」であれば、日本の画像のみが表示でき、海外を表示しようとするとタイル画像が404になったりします。標高タイル(2013年12月17日)」のタイルがありますが、ここの提供範囲は「西之島付近」とだけ書かれているので、それ以外の地域ではタイル画像は404になります。範囲が狭いので、汎用的な地図サービスで使うにはちょっと難しいですね。ズームレベルが不正確?例えば「アナグリフ」の「グレー」のタイルですが、ズームレベルを見ると2〜18に対応してそうに見えますが、私が試してみたところ、どうも「2〜16」しか対応していませんでした。したらズームレベルの17〜18は特定の地域しか配信されていないのかもしれませんね。タイル画像にはpngだけでなくjpgもあるこれはよく見ていないとタイル画像が404になり、「は?」と思ってしまう点です。タイルにはpngとjpgの2種類があるので注意する必要があります。apiで今まで使った事が無かったAPIを大量に使いました。地物の強調は「あ、こんな機能あるのか、マジか〜」と思いました。地物の指定は使い方が非常に煩雑で、「これの場合はあのオプションしか効かない」「あれの場合はこっちのオプションしか効かない」等、条件分岐が大変多いのですが、それらについてリファレンスに書かれていません。自分で試してみて「あれが有効」「これが有効」を調べる必要があり、なかなか大変です。ルート機能についても同様で、あのオプションはこのオプションしか効かない、この機能はアメリカでしか動かない等があり、こちらもかなり厄介です。バカ正直に地物やルート機能を実装するとUIが大変難しくなってしまうので、本当はもっと機能があるけど、敢えて操作が簡単になるように解りやすいUIにしています。本当はもっと細かく地物の強調を設定できたりしますが、UIが複雑過ぎて駄目なのですよね。週間)昔は業務系SIer、今はベンチャー企業でプログラムを書いています。INFILEを実行できるようにするmacのAutomatorでhomebrewのコマンドをFinderのサービスから実行できるようにするReactオススメ書籍React自体の基礎、AtomicDesignの適用、CSSの運用手法の歴史的な経緯とメリットデメリット、Reduxの基礎、redux-sagaによる非同期処理、サーバサイドレンダリング、テスト、lint、を学ぶ事ができます。単行本(ソフトカバー)この商品を含むブログを見るAngularオススメ書籍Angularを学ぶなら絶対以下がおすすめです!バインディング、ディレクティブ、パイプ、フォーム、コンポーネント、サービス、ルーティング、httpClientによる非同期httpリクエスト、テスト、angular-cli、を非常に丁寧な説明で網羅的に解説しています。大型本この商品を含むブログを見るSEOオススメ書籍SEOを学ぶなら絶対以下がおすすめです!クローラに対して何をどうすればサイトの巡回効率・速度を上げる事ができるのか、どういったマークアップをする事が標準仕様なのか。巷に溢れる業者による経験則に基づくオレオレSEO情報は一切無く、全てGoogle等のオフィシャルな情報に基づいて何をすべきか、どんな手段があるのかを解説されています。プログラマな私が業務で行った施策が多く書かれており、プログラマ寄りで高度な内容となっており、巷のビギナー向けの曖昧な情報集とは一線を画しています。Amazonアソシエイト・プログラムの参加者です。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。