下記は実際に設置してみたサンプルになります。 Google Maps Engine Lite (Beta)を利用して、WEBサイトなどに新方式の Googleマップを設置できます♪ 最寄の駅やバス停、高速道路のインターチェンジ などを一緒に表示した地図を簡単に設置できます。 地図をカスタマイズして埋め込みしたり、マイマップのようにも使えますね。 【追記 2013.11.29】 通常の埋め込みに対応されました!新しいGoogleマップが「地図を埋め込む」に対応♪
Send feedback Marker Animations Stay organized with collections Save and categorize content based on your preferences. This example creates a marker in Stockholm, Sweden that uses a DROP animation. Click on the marker to toggle the animation between a BOUNCE animation and no animation. Read the documentation. TypeScript // The following example creates a marker in Stockholm, Sweden using a DROP //
Google Maps API Styled Map Wizardの使い方 prostaff j.kamiyaにより 1. Feature type1.1. ALL1.1.1. MapTypeStyleFeatureType オブジェクトを指定します 1.1.2. Administrative 行政領域 1.1.2.1. Country 国 1.1.2.2. Province 州 1.1.2.3. Locality 地区 1.1.2.4. Neightborhood 周辺地域 1.1.2.5. Land parcel 区画 1.1.3. Landscape 風景 1.1.3.1. Man made 人造物 1.1.3.2. Natural 自然物 1.1.4. Point of interest ランドマーク 1.1.4.1. Attraction 観光地 1.1.4.2. Busines
Send feedback Concepts Stay organized with collections Save and categorize content based on your preferences. Map types This page discusses the types of maps you can display using Maps JavaScript API. Map and tile coordinates This page explains the coordinate systems Maps JavaScript API uses. Localizing the map You can localize your Maps JavaScript API application by changing the default language
〒150-0011 東京都渋谷区東1丁目13 金王神社前 (?) 緯度: 35.656823 経度: 139.707518 OLC: 8Q7XMP45+P2
コントロールの種類と表示設定 コントロールの無効化 ナビゲーションコントロール〔※廃止〕 地図タイプコントロール〔MapTypeControlOptions / MapTypeControlStyle〕 外観地図コントロール〔OverviewMapControlOptions〕 移動コントロール〔PanControlOptions〕 回転コントロール〔RotateControlOptions〕 スケールコントロール〔ScaleControlOptions / ScaleControlStyle〕 ストリートビューコントロール〔StreetViewControlOptions〕 ズームコントロール〔ZoomControlOptions / ZoomControlStyle〕 コントロールの表示位置〔ControlPosition〕 カスタムコントロールの指定〔描画、イベント処理〕 コントロー
2つの地点を指定してルートを取得するにはGDirectionsクラスのloadメソッドを使います。 load(query:String, queryOpts?:GDirectionsOptions) このメソッドは新しいルート クエリを生成します。query パラメータは、「from: Seattle to: San Francisco」や「from: Toronto to: Ottawa to: New York」などの有効なルート クエリを含む 文字列です。デフォルトでは、地図が GDirections オブジェクトの構築中に指定されると、クエリ はポリライン結果をリクエストします。同様に、テキスト パネルが指定されると、クエリは詳細な テキスト結果をリクエストします。指定されない場合、結果には検出された経路の要約情報しか含ま れません。 この動作を上書きするために (たとえば、このオ
今月発売予定の「メタルギアライジング」をそわそわ楽しみにしているアクションゲー好き seki です。 今回もWebサービスのご紹介です! 最近よくよく見かける、「Google map」のデザインをお洒落にカスタマイズして載せているサイト。皆さんも一度は目にしたことがあるかと思いますが、こちら、どうやって作っているか気になりますよね。 今回は、js無知な私でも簡単に作れる Google Maps API 「Styled Map Wizard」の使い方を、ざっくりと例を挙げてご紹介します。 【参考サイト】 今回はこちらの記事より、参考・引用して解説します。こちら、とても丁寧に解説されているので、jsが分らなくても出来るかと。 今回作成したもの 画像ですみませんがこちら。 アイコンは seki になっていますが場所はバシャログ。本陣です。 色をモノクロにして、交差点やコンビニ、銀行などのアイコン
基本的な編集の流れは 変更したいパーツ選び ⇒ 変更 ⇒ Map Styleに登録 ⇒ 重ねて更に変更したパーツを選択 ⇒ 変更 … という流れになります。 この編集ができましたら「show JSON」というボタンからコードを取得し google map のスクリプト内にコピー&ペーストして半ば完成です。 コードは以下のようになりますがこのコードを単純にペーストしても動きません。 詳しくはデモかGoogle Maps API Version3 日本語ドキュメント(非公式)をご確認ください。 Map Styleの例 [ { stylers: [ { hue: "#0008ff" }, { saturation: 65 } ] },{ featureType: "poi", stylers: [ { visibility: "off" }, { hue: "#00e5ff" }, { satu
・Feature Type(左列2行目)で2列目一覧のリストから「Road」をクリック ・すると、道路だけが設定したカラーになる。 ・必要に応じて3列目のHighway、Arterial、Localをクリックすることで高速道路だけなどの設定もできる。 またElement TypeのラジオボタンをLabelを選択すると、159号などのマークのみにカラーが設定される。実際、いろいろ変更してみて確認するのがいちばんてっとり早い。 2.Style1の設定 ・Feature Typeに別の設定をしたいときは、Styleを追加する。 ・上記の図、赤丸の「Add Style」ボタンをクリックすると、右カラムにスタイルが追加される。 ・Feature Typeから「Point of internet」→「school」を選択(①) ・Hueでカラーバーから青部分をクリック(②) ・決定した色のトーンを変更
(思いっきり個人的な備忘録ですんません。。) 大分今更感満載ですがメモ。 google mapsのデザイン等はご存知の通りStyledMapTypeというAPI等で変更可能で、JavaScriptで変えたい部分の指定してあげる。※Google Map Ver3以降 意味わからん、という場合はGoogle Maps API Styled Map Wizardで、見ながら変更 左のSelectorでゴニョゴニョといじって、右のMap Style、Addを押すとスタイルが指定されます。最終的にMap Style、下部の「Show JSON」をクリックして出てくるのを使用する、と。 jQuery使ってマーカーなんかも出来るみたいです。 APIと少しのjQueryコードでGoogle Mapの地図の色を変更する – かちびと.net GoogleMapsの参考はギャラリーサイトなんかで
GOOGLE MAPS API V3で、mapstyleを変えて、 地図の色をカスタマイズ GOOGLE MAPS API V3の特徴の一つに、 地図の色をオリジナルに変えられるカスタマイズ機能があります。 非常に簡単なので、やってみましょう。 まずGOOGLEが用意しているウィザードがあるので、そこに行きます。 http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html このような画面が出ます。 横のサムネイル画像を拡大して見える、赤い枠の中に注目! GOOGLEのMap Styleはフォトショップのレイヤーのように、 カスタマイズしたい要素に対して一つ一つ設定を重ねます。 Feature Typeでカスタマイズする要素を選択 上からAdministrativeが行政区分 国境・県境などの色を
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
サイト制作において、アクセスマップなどの地図の表示はどうしてますか?「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ!というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました(2015.7.20追記)。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く