Google Maps API V3 スケールの表示 ビジネスマンの徹底パソコン奮闘サイト
2011-03-16： 目次を作成しました。 2010-09-17： Google Map 2 記事一覧を作成しました。 2010-07-03： Google Map 3 記事一覧を作成しました。 Google Map API V3 で地図にスケールを表示します。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></sc
マーカーの画像を動的に変更する
Google MAPS API V3 の google.maps.Marker で、表示している画像を変更させるサンプルプログラム。下の例では、クリックするたびに○と×が交互に表示されます。画像を表示させるだけの場合は、google.maps.Markerとして好きな画像を表示させるのページを。 <script type="text/javascript" src="//maps.googleapis.com/maps/api/js"></script> <div id="map" style="width: 400px; height: 280px;"></div> <script type="text/javascript"> // 地図 var map = new google.maps.Map(document.getElementById('map'), { zoom: 14,
Google Maps API V3 自作マーカーの設定２ ビジネスマンの徹底パソコン奮闘サイト
2011-03-16： 目次を作成しました。 2010-09-17： Google Map 2 記事一覧を作成しました。 2010-07-03： Google Map 3 記事一覧を作成しました。 前回自作マーカーの設定を行いましたが、 今回も自作マーカーを作ってみました。 今回は複数マーカーで画像も複数のパターンです。 前回説明しなかったマーカーオプションの OriginPositionを使用してみます。 サンプルコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <scri
マーカーを一定回数だけ移動させる
マーカーを一定回数だけ移動させるにはsetTimeout()とマーカーオブジェクトのsetPosition()メソッドを使います。移動する回数はカウンタ変数(サンプルではcount）を用意し、一定数以内であればsetTimeout()メソッドを使ってマーカーを移動させる関数を呼び出します。setPosition()はパラメータに緯度経度を指定すれば、指定した場所にマーカーが表示されます。あとは、マーカーの緯度経度を変化させることによりマーカーでアニメーション移動させることができます。 Google Maps API プログラミング入門。Google Maps API Expertである勝又雅史氏が最新のAPI ver3やGoogle Maps for Flashなどについて解説しています。 【アマゾンで購入する】 サンプルコード [実行] <!DOCTYPE html> <html lan
Google Mapsでレーシング / 走っているように見える仕組み [tech.nitoyon.com]
Google Mapsで鈴鹿サーキット試走 で使っているテクニックを紹介します。 ゲームのソースを見てみてください。なんと、JavaScript 部分は70行ほどです。かなり少ないですよね。たった、70行でゲームを作れてしまうのは、これから説明するような単純な方法で実装しているからなんです。 実は動いていない車 ゲームをプレイしているといかにもドライブしているような感覚になりますが、実は車は回転するだけで、車の表示位置は変わっていません。動いているのは背景の地図だけなのです。 車の表示位置は動いていないのに、走っている感覚になるんですね。こういう表現って、8ビットゲーム機時代にはよくありました。たとえば、スーパーマリオでも、マリオが全速力で走っているときは、マリオの画面中の表示位置は変わらないまま、背景が動いているだけでした。 では、車はどうやって回転させているのでしょう。 バッファリング
![Google Mapsでレーシング / 走っているように見える仕組み [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
