memo.xight.org

日々のメモ

カテゴリ : jQuery

1ページ目 / 全1ページ

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

Posted on | Tagged : , ,

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を簡単に扱えるプラグイン

Posted on | Tagged : , ,

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