【Google Maps API】マーカー表示とオリジナル画像へのカスタマイズ
Google Maps API（Javascript API）について書く記事、第2弾です。 今回は「マーカー」の表示方法をご紹介します。 マーカーとは、地図上の場所を指し示すためのアイコンのことで、デフォルトでは下図のような赤いピンの形をしています。 Google Maps APIを使って表示させた地図にも、もちろんこのようなマーカーを自由に表示できます。 さらにオリジナルの画像をマーカーとして表示させるカスタマイズも可能です！ 当サイトの会社概要ページでは、グランフェアズ専用のマーカー画像を表示させています。 ということで当記事ではマーカーの表示方法について、「基礎編」とオリジナル画像への「カスタマイズ編」、2段構成にわけてお届けします。 基礎編： マーカーを表示してみよう まずは基本の記述内容を確認するため、デフォルトのマーカーを表示させるまでを見てみましょう。 サンプルコード全体
APIを使ってGoogleマップの色を変えてみよう！｜株式会社カポタスト
4月もあっというまに最終日となり、現在ゴールデンウィーク真っ只中です。 色々な行楽地に行かれる方も多いのではないでしょうか？ そんな時に活用するのがGoogleマップ。WEBサイトにもGoogleマップが埋め込まれてるのが当たり前になってきました。 この時、通常のマップではなく少しカスタマイズされたGoogleマップであると、ユーザーにより興味を持たせることが出来ると思います。 ということで、今回はGoogleマップの簡単なカスタマイズについてご紹介いたします！ カスタマイズの前に GoogleマップのAPIには多くの種類が存在しますが、マップの表示のカスタマイズには「Google Maps JavaScript API」を使用します。 まずはじめにこのAPIを有効にしたAPIキーの取得が必要となるのですが、今回はこの説明は省略させていただきます。 （APIの取得の方法は近日公開予定） マ
Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
【保存版】Googleアナリティクス(Universalアナリティクス版)のトラッキングコードカスタマイズ５選＋組み合わせ例４選 - 株式会社ナンバー
【保存版】Googleアナリティクス(Universalアナリティクス版)のトラッキングコードカスタマイズ５選＋組み合わせ例４選 はじめに 本エントリーでご紹介するトラッキングコードはUniversalアナリティクス（以下UA）のコードです。 従来のGoogleアナリティクス（以下GA）のトラッキングコードについての記述はありません。 WEBサイト用のコードで、モバイルアプリ用のコードについての記述もありません。 また、コードの一節一節に関する詳細な説明はあえて書きません。 書くと文字がいっぱいになって書くほうも読むほうも大変なので。 詳細は公式のヘルプ等をご参照ください。 目次 ０．カスタマイズ無し １．ディスプレイ広告 ２．拡張リンクアトリビューション ３．クロスドメイン ４．マルチトラッキング ５．eコマース ６．ディスプレイ広告＋拡張リンクアトリビューション＋クロスドメイン ７．デ
新しい Google Maps Embed API が公開、埋め込み地図のカスタマイズが簡単に
Google が新しい Google Maps Embed API を公開しました。 埋め込む地図の URL に様々なパラメータをつけることで、ルート案内や周辺検索など、様々なカスタマイズを簡単に行いつつ、Web ページ上に地図を表示することが可能です。 Adding the new Google Maps to your website just got easier with the new Google Maps Embed API ： Google Geo Developers Blog Google Maps Embed API ： Google Developers Google Maps Embed API - Developer Guide 埋め込みコード生成用のページも用意されています。下記にアクセスしてみましょう。 Google Maps Embed API -- Ge
Maps+: Googleマップを使いたいならこれで決まり！全画面表示で見やすく、経路検索もできる。無料。 | AppBank
使いやすいマップを探し求めて三千里。どうも、マミルトンです。ついに見つけました！Googleマップが使える究極のマップアプリMaps+を。最近、各所でも話題ですね。 このMaps+は、マップを全画面表示できるのでとっても見やすいんです。また、経路検索や現在地表示のアイコンを好きな位置にカスタマイズできます。自分の使うメニューだけを、使いやすいように配置できるのです。 他にも、歩いた道のログを記録できる「トラッキング機能」や、決まった位置でお知らせしてくれる「位置アラーム」などの機能もあります。 無料版ではブックマーク数が少なかったり、いくつかの制限があります。恐らく無料版のままでも大丈夫だと思いますが、物足りなかったら課金を検討してみてください。 さっそくこれらの機能について紹介していきます！ マップアプリまとめをチェック→マップアプリまとめ！それぞれの機能と特徴をまとめました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
