文系プログラマによるTIPSブログスマートフォン用の表示で見る文系プログラマによるTIPSブログ文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。Apiで標準の赤以外のマーカーを高速にプロットするgooglemapTwitterGooglePocketまあ別に高速というほどではないのですけどね。tree-mapsをリニューアルした際に、標準の赤以外のマーカーの実装をしました。その時、どのように高速にマーカーを配置するのかについて、備忘録的なメモを残しておきます。使用するAPI赤以外のマーカーの画像配置は、google.maps.MarkerImageを使用します。MarkerImageなので、画像のURLをオプションに指定する必要があります。新tree-mapsでは、以下をマーカー画像として使いました。mapには赤い画像しか無いので、他のgoogleのサービスの画像を使ってしまえばいいのです。ドメインを見ると解りますが、両者ともgoogleが提供しているマーカー画像集となっています。modifiedとなり、画像をリクエストしにいかなくなります。従って画像の取得は非常に高速になります。緑のマーカーを表示する場合は、以下のようにします。これで標準の赤マーカーと同等の速度でプロットできます。latLngは適当に変数に当てはめて下さい。以下のサイトでもマーカー画像を配布しているようです。www.googlemapsmarkers.comこちらのサイトはマーカーのカラーをURLで指定可能で、マーカー内にリテラルを埋め込む事もできるようですが、リテラルを埋め込むのはやめたほうがいいですね。リアルタイムに画像を生成されていますが、行番号等を埋め込んでしまうとキャッシュが効かない状態に陥ってしまい、マーカー画像のhttpリクエストが物凄い沢山飛んでしまい迷惑をかけてしまいます。mapで使う発想はありませんでした。overflowさまさまですね。google提供の画像であれば、いくらいじめてもまあ大丈夫でしょう。週間)昔は業務系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.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。