Google Maps API で簡単にマーカーを変える方法 « Stop Making Sense
はじめに 今回は Google Maps API のマーカーを、Google Chart API を使ってお手軽に変更する方法を紹介します。 デフォルトのマーカーに対し、色や文字を変える程度であれば、画像ファイルを用意しなくても簡単にマーカーを差し替えることが出来ます。 デフォルトのマーカーを使うときは、次のようにマーカーを作成します。 (デフォルトのマーカーを使う) var marker = new google.maps.Marker({ position: myLatLng, map: map }); これで作成すると、次のようなマーカーが表示されます。 (出典は Google Maps Javascript API V3 Examples の marker-simple.html) また、マーカーに独自の画像を指定することも出来ます。 (画像ファイルを指定) var marker
コントロール | Maps JavaScript API | Google for Developers
フィードバックを送信 コントロール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 コントロールの概要 Maps JavaScript API によって表示される地図には、ユーザーが地図を使用できるようにする UI 要素が含まれています。こうした要素がコントロールと呼ばれます。アプリケーションには、さまざまなコントロールを組み込むことができます。または何も設定せずに、Maps JavaScript API にすべてのコントロールの動作処理を任せることもできます。 次の地図は、Maps JavaScript API によって表示されるデフォルトのコントロール セットが表示されています。 以下は、地図で使用できるコントロールの一覧です。 ズーム コントロールには、地図のズームレベルを変更する [+] ボタンと [-] ボタンが表示されます。デフォルトの表示位置
全てのブラウザに対応したcssスタイルシートの透明、半透明の背景設定を記述する | WordPressにGoogle Maps API V3！
通常のWeb画面では、あまり使用しないかも知れませんが、スマートフォンの画面は狭いので、背景（background-color）を透明、または半透明にするテクニックを覚えておくと良さそうです。 背景を透明にする場合： 背景（background-color）に、transparentを指定します。 background-color:transparent; 全てのブラウザに対応した半透明の設定 具体的には、次のように記述します。これで、IEを含む全てのブラウザをサポートできるそうです。 次は、背景白色のカラー（＃FFFFFF）を85％の透過に設定したものです。 #maplist{ background-color:#FFFFFF; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity:0.85;
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
