埋め込みGoogle Mapをスクロールさせないようにする - style01
横幅100%の地図を掲載しているサイトは多いですよね。 しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が有名ですが、埋め込みGoogleMapも制御することができます。 ホントはAPI使うのがオススメです。いろいろカスタマイズできるし。 iframeにpointer-events:noneをかけると、マウスイベントを無効にできます。 ただ、それだけだとGoogleMapの機能(スクロールとか拡大縮小)が使えませんので、jQueryでマップをクリックしたときに一時的にマウスイベントを有効にしています。 ▼APIを使ったカスタマイズはこっち Google Maps APIを使って地図をカスタマイズする HTML <div class="map_wrapper"> <iframe
jQuery Google Map
Introduction jQuery Google Map is a jQuery Plugin allows you to easely manipulate the Google Map API. You are now able to create maps, add some markers et create routes. Installation For using the plugin, you need to call jQuery, the Google API and the plugin file : <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR-AP
Maplace.js - A Google Maps javascript plugin for jQuery.
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page. Features Straightforward implementation with simple options Can run as many maps as required Markers and custom icons, zoom level and custom controls menu Supports for Directions, Polygons, C
11 Helpful jQuery Google Maps Plugins and Tutorials – Pelfusion.com
jQuery Google maps are very easy to use technique and popular among the users to locate a specific location on the world map. Which can easily be done using some of jQuery Google Maps plugins. Companies are integrating Google maps on their websites to help people know where they are located. Though it is very simple map but complexity comes in when you want to integrate it. But this complex proces
郵便番号や地名を入力するだけでGoogleマップ検索できる地図コンテンツをjQueryで作る
ちょっと便利そうなライブラリがあった ので備忘録。Googleマップでキーワード や郵便番号を入力するだけで、該当する 場所を表示します。ちょっと場所を確認 したい、みたいなシーンは地味にありま すし、これは手軽に実装出来るので覚え ておきたい。 Googleマップネタです。jQueryでオート検索する地図コンテンツを作りましょう、というもの。フォーム入力の補助にもなりそうなならなそうな。 jQuery Automatic Geocoder動作サンプルです。適当に入力してみてください。郵便番号でも検索できます。 表示が、ブログのCSSに影響されてしまっていますが気にしないで下さい。シンプルで使いやすい印象でした。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/
bumberboom.net - このウェブサイトは販売用です！ - bumberboom リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
GoogleマップとMovable Typeを組み合わせた「mapBlog」 - 沖縄 Web デザイン ヨセヤマブログ｜OKINAWA WEB DESIGN YOSEYAMABLOG
2年ほど前からGoogleマップのマッピングが簡単に出来てBlog形式になっているCMSはできないものかと模索していたところ、「Movable Type」のテーマとjQueryを用いたGoogleマップのライブラリーなどを使い、手軽に構築できる「mapBlog」を考案しました。 ありそうで無い「マップ」を中心としたインターフェイス それは「マップ上に簡単にマッピングできるBlog」という単純な発想からでした。Blogにマップを埋め込む方法はいくつか存在します。しかし、マップを中心としたインターフェイスは私の調べた上では無く、また簡単に構築できるものではありません。そこで手軽に利用できるBlogシステムを使い、Googlemaps APIを簡素にコントロールできるjQueryのライブラリーを探し、融合させてはどうだろうかと思いついたのです。いくつかのjQueryのライブラリーを検証した結果、
jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* Dreamweaver CS5.5は、スマートフォンサイト制作用ライブラリであるjQuery Mobileに正式に対応しており、jQuery Mobileを用いたサイトを簡単に作ることができるようにする「jQuery Mobile Widget」機能を実装しています。本記事では、jQuery Mobile Widgetで作成したスマートフォン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gmaps.js — Google Maps API with less pain and more fun
http://gmap.nurtext.de/