Google Maps APIでGIFアニメーションマーカーを設置するときに、アニメーションが動かなくなることがあるようだ。その回避方法が書いていてあったので、めも。

More

ちょっと、Google Maps API V3から離れているうちにかなり進化をしていて、びっくりしたので、メモ。
調べていた頃は、英語版しかリファレンスがなかったのに、今は日本語版リファレンスが出てて、びっくり。かなりV3が安定的なサービスになってきたんだと思う。

特にStyled Map 機能とマーカーのアニメーション機能は、どこかで使ってみたい。しかも、設定がものすごく簡単にできてしまう。（JavaScriptが分かればホント簡単）

More

Google Maps API（無償版）で、今までGoogle Maps API Premierのみの対応だったSSLが無償版でも対応になったようだ。

使い方は、以下のとおり。

More

完全に乗り遅れた感じだけど、Instagram API（公式）が出てた。

More

やっと、Google Map API V3のマニュアルが日本語された。特に不便じゃなかったけど、いざっていうときに日本語じゃないとしんどかった。でも、これでこの悩みも解消。

Google Maps JavaScript API V3
http://code.google.com/intl/ja/apis/maps/documentation/javascript/

「すきなばしょ」もV3でできているので、有難い。

あるものを作っていて、そのツールがGPSで経緯を取得して、表示するツールでこれをなんとかケータイ版に移植しようかと考え中。PHPでケータイからデータを取得できるらしいので、ライブラリを使って試してみようと思う。

ていうことで、メモ。

• PHPで携帯位置情報を扱うライブラリを僕も作りました
• 携帯GPSの基礎知識たち
• 「Google Static Maps API」を使って携帯でGoogleマップを表示する
• 位置情報を取得してみる

「すきなばしょ」の表示速度が気になるようになってきた。

本当にできることがないのかいろいろと考えてみたら、Google Maps API V2からV3へバージョンアップしてみようかと思った。実際にやってみたところ、表示速度が若干あがったような気がした。

今週、ちょっとバージョンアップの作業をしてみようと思った。

ここ３日くらいずっと、モバイルに搭載してあるGPSを使って、自分の位置を取得できるかずっと格闘しつづけていた。
iPhone/Androidともに案外簡単に実装できる。しかも、Javascriptで簡単に実装可能。それをGoogle Maps APIに値を渡せば、表示もできちゃう。

「すきなばしょ」の機能として埋め込もうと思って、作っていたけど、ほぼ完成している。
あとは、ちょっとCSSとJavascriptの調整をするだけ。

難しそうなことが簡単にできちゃうことが、すごいと思った。

参考にしたサイト

• iPhone OS 3.0 のブラウザから使えるようになったGPS現在位置情報をTwitterに投稿するJavaScript
• Google Maps API V3 と Gears Geolocation API 使って Android のブラウザで現在位置情報を取得する

今、スマートフォンで位置情報を取得し、メール投稿する時にGPS情報も送信する、支援ツールを作っている。というかもう完成した。

iPhoneとAndroidで位置情報を取得できるようにして、Google Maps API v3にデータを渡して表示するということをやっているんだけど、前回の方法iPhoneは簡単に取得できる。

Androidも実は、Gears Geolocation APIを使うと案外簡単に位置情報が取得できる。
PCで検証するには、Google Gearがインストールされていないと確認ができないよ。

Geolocation API – Gears API – Google Code

を見ると書いているけど、gears_init.jsを置いて、以下のように記述すると

<pre><pre><script type="text/javascript" src="gears_init.js"></script>
<script type="text/javascript">
var geo = google.gears.factory.create('beta.geolocation');

function updatePosition(position) {
  alert('Current lat/lon is: ' + position.latitude + ',' + position.longitude);
}

function handleError(positionError) {
  alert('Attempt to get location failed: ' + positionError.message);
}

geo.getCurrentPosition(updatePosition, handleError);
</script>

簡単に取得できる。あとは、Google Maps API V3と組み合わせて実装すれば完成。
案外簡単に位置情報が取得ができるから、いいよね。

参考にした記事

Google Maps API V3 と Gears Geolocation API 使って Android のブラウザで現在位置情報を取得する

昨日、Google Maps API v3をじっくりといじってみた。
スマートフォンに対してパフォーマンス改善が行われたようなので、ちょっと前から気になっていた。v2に比べて、記述の仕方がぜんぜん違うけど、v3のほうがスマートでコードを書けるような気がする。設定の値とかまとまっているので、いいのかも。

v2に比べると機能が少ないかなという印象があるな。これは、そのうちv3にv2の全機能が移植されると思うので、それほど心配していない。

一番苦戦したのは、デフォルトのUIを外す作業が一番時間がかかった。リファレンスに書いてあったけど、なかなか見つけられなかった。

mapOption = {
zoom : defZoom
center : defLatlng,
navigationControl : false,
mapTypeControl : false,
scaleControl: true,
mapTypeId : google.maps.MapTypeId.SATELLITE
}
gmap = new google.maps.Map(jQuery('div#bgMap').get(0), mapOption);

作ったものをモロコピペしただけど、「navigationControl」、「mapTypeControl」、「scaleControl」で設定する。UIを取り除くだけじゃなく、UIの大きさもここで変更するようだ。

あと、地図をロードマップか衛星写真かを切り替えるときにも値が分からずハマった。

gmap.setMapTypeId(google.maps.MapTypeId.ROADMAP);

と書くようだ。v2のほうがシンプル。

全体的には、コードを書く量は減っているし、スマートフォンを対象に入れているようななので、機能が増えたらいろいろと使ってみたい。

参考にしたサイト

• 三丁目の電脳