memo.xight.org

日々のメモ

カテゴリ : Google Maps

1ページ目 / 全2ページ

Google Maps API Styled Map Wizard - Google Mapsのデザインをカスタマイズ

Summary

Google Maps API Styled Map Wizard は
Google Mapsのデザインカスタマイズを簡単に行えるサービス。


Good Patchの会社の地図 がカッコ良かったので、調べてみた。


Reference

Google Maps API Styled Map Wizard
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

株式会社LIG - 2013-12-12 - Googleマップのお手軽カスタマイズ!Styled Maps Wizardの使い方
http://liginc.co.jp/web/tool/browser/63680

Google Mapsのマイプレイスでサーバーエラーの原因と対策

Summary

Google Mapsで「マイプレイス」をクリックすると、
「サーバーエラーです。しばらくしてからもう一度お試し下さい。」のメッセージが表示される。

原因は、サードパーティのCookie のブロック。
Google Chrome であれば、
[設定] - [高度な設定] タブ- [コンテンツの設定...]ボタン
サードパーティの Cookie とサイト データをブロックする のチェックを外す。

[例外...] で処理できるようなら処理したいが、
以下、関連のありそうなCookieを例外として許可しても、エラーが発生した。

google.co.jp
accounts.google.co.jp
google.com
accounts.google.com
plus.google.com

Reference

マイプレイスのサーバーエラー - Google グループ
http://groups.google.com/a/googleproductforums.com/forum/#!topic/maps-ja/ZrJOkRxbDUs

Google Map Slider - Google Mapsと連動してパネル表示を切り替えるスクリプト

Summary

ナビゲーションの <li> に data-geo-lat, data-geo-long という属性を設定して、
Google Maps とパネル表示を連動させている。

Reference

Google Map Slider
http://css-tricks.com/examples/GoogleMapSlider/

Google Maps Slider | CSS-Tricks
http://css-tricks.com/google-maps-slider/

via

コリス - [JS]Google Mapsと連動してパネル表示も切り替えるスクリプト
http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-google-maps-slider.html

Moments in Tokyo, Japan - Hitotoki
http://hitotoki.org/places/japan/tokyo/

Google Maps jQuery Plugin - jQueryでGoogle Mapsを簡単に扱えるプラグイン

Summary

jQueryでGoogle Mapsを簡単に扱えるプラグイン。

Sample code

$(document).ready(function() {
  $('selector').googleMaps({
    latitude: 49.26063518364422,
    longitude: -123.15673828125
  });
});


Reference

Shawn Mayzes - Google Maps jQuery Plugin
http://www.mayzes.org/googlemaps.jquery.html

via

IDEA*IDEA - 2010-01-08 - jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』
http://www.ideaxidea.com/archives/2010/01/jquery_google_maps.html

IP-address.com - Googleマップで自分がどこからアクセスしているかが分かる

Reference

My IP address and location? Show my ip address and locate the ip!
http://www.ip-adress.com/

via

GIGAZINE - 2006-11-21 - Googleマップで自分がどこからアクセスしているかが分かる「IP-address.com」
http://gigazine.net/index.php?/news/comments/20061121_ip_address/

Google Maps API による Geocoding

Summary

Google Maps API で住所から緯度,経度が引けるようになった.
XML,JSONでの出力が可能.

Demo

GoogleMapsAPIによるジオコーディングのサンプル
http://tatamilab.jp/~funami/gmap/geocoder.html

Reference

たたみラボ: Where2.0:Google Maps APIがバージョンアップ。ジオコーディングが可能に
http://www.tatamilab.jp/rnd/archives/000218.html

via

オレンジニュース - 2006-06-14
http://secure.ddo.jp/~kaku/tdiary/20060614.html#p02

chalow の Google Maps へのリンクプラグイン

Reference

### Google ローカルへのリンク
# usage: {{google_map('東京都○○区○町00-0')}}
sub google_map {
	my ($str) = @_;
	my $prefix = q(http://maps.google.co.jp);
	my $enc = Jcode->new($str)->utf8;
	$enc =~ s/([^0-9a-z_ ])/'%'.unpack('H2', $1)/gei;
	$enc =~ s/\s/+/g;
	return qq(<a href="$prefix/maps?q=$enc" title="Google ローカル - $str">$str</a>);
}