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
Googleマップのルート案内APIをv3で使う
仕事で、ルート案内ができるAPIがないか調べて実装してほしいとのことだったので、調べてみたらGoogleマップにあるというのが分かった。その時見つけたのが下記の記事。 ASCII.jp：Googleマップ待望の新機能「ルート案内API」の使い方 GDirectionsというオブジェクトを使うらしい。v2でしか使えないようだけど、まあいいだろうと思って実装。 ただ、v3でしか実装されていない交通状況のAPI(Google Japan Blog: 交通状況がGoogle マップで見られるようになりました)も使いたいとのことだったので、v2とv3のAPIを両方使うということなのだけれども、どうにも衝突してしまってうまく動かない。 困ったなぁ。と思いながらもう少し調べてみると、v3にはgoogle.maps.DirectionsServiceという似たようなオブジェクトがあると知る。 Maps A
手軽になった！Google Maps API V3 (1/2)
Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」（以下V3と略）が5月27日に公開されました。今回は、V3を使って地図を表示する基本的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 （1）API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 （2）iPhone／Androidへの対応 iPhoneやAndroidで地図を高速に表示できるように
Google Maps APIとTwitter APIのマッシュアップ - Webアプリケーション構築入門2
Google Maps APIとTwitter APIを題材に、マッシュアップ作る具体的な手順を紹介する。Twitter APIに関する部分は関数showTweetsAround()にまとまっているから、この関数を別のものに置き換えることで、Twitter API以外のものとGoogle Maps APIのマッシュアップを作ることもできるだろう。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
