jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした＆すごい！ 関連エントリ ドラッグできる地図
Google MapsのJavaScript API V2は2010年5月19日に正式にサポートが終了しました。 既存ユーザーへは、V3への移行が推奨されています。 さて、PCやスマートフォン・タブレットのブラウザはJavaScriptを実行できるので、V3での地図の描画方法さえ判れば移行は簡単でした。（描画方法が多いに変わったけど、それは多くの人がたくさんのWEBで言及しているので、割愛します。） 今回は和式携帯（ちまたで言うガラケー）への地図の表示でした。 地図の表示自体は簡単に実装できます。 多くの和式携帯のブラウザではJavaScriptを実行する事はできません。その為、Google Maps APIの中でもStatic APIと呼ばれるものを使います。imgタグのsrcにGoogle Maps Static APIへのリンクを書き、パラメータを渡すだけです。 （以下、PHPの例）
渡部薫@AIに良心を，AIで司法改革 @sorahikaru AppleのMapサービスにあれこれ文句言っている人を多くみかけるが、別の視点を紹介したい。Mapはモバイル（スマホ）にとって検索と同じくらい重要なサービスである。インターネット=ウェブ=情報であり、だからこそ=検索 =Google最強となった。 2012-09-24 23:15:23 渡部薫@AIに良心を，AIで司法改革 @sorahikaru 多くの人がモバイル・インターネット（スマホ）で検索同様に利用するのがMapである。なぜならリアル世界に生きていて日々移動するから。人が移動するその情報は、文字入力のクエリ同様、100年単位で見ればものすごく貴重なデータなのだ。検索をGoogleに支配され、 2012-09-24 23:16:47 渡部薫@AIに良心を，AIで司法改革 @sorahikaru 行動履歴までもGoogleに
マップ問題ほぼ解決！ Web版Googleマップをフルスクリーン表示する方法が便利すぎてやばい mixiチェック Tweet 2012年09月25日 カテゴリ:iphoneの小技 photo credit: daniel spils via photopin cc どうも@kuroji1987です。 使い物にならないと話題のiOS 6の地図アプリを、本格的に諦めることができる日がきたかもしれません。 W&R : Jazzと読書の日々で紹介されていたWeb版Googleマップを専用アプリのようにフルスクリーン表示する方法を使えば、ほとんど過去のマップアプリのようにGoogleマップを利用できるようになるのです！ これであの快適なマップ生活にもどれます！ ありがとうございます！ おっきい画面で地図が読める！ 今回紹介する方法を使うと、普通にWeb版で地図を開くよりも格段に大きな画面で閲覧できる
iOS6の地図のお粗末さが大変大きな話題となっている。話題にしているのは地図関連の人たちだけではなく、実に広範な人たちである。それほど、スマートフォンにおいては、地図が「欠かせないもの」なのであることを改めて感じる。そして、日本のスマートフォンのおよそ3台に1台がiPhoneであることを考えると、地図をアプリに活用している多くのサービス事業者にも多大な影響が出そうだ。 私も先週のサンフランシスコ出張中にiPadをiOS6へとアップグレードして、その地図を確かめてみた。なるほど、これは品質が良いとか良くないとか言うレベルでは無くて、欠陥商品のレベルである。この状態でiOS6の標準地図として提供するのは、そもそも誤った企業方針である。 ちまたには、データソースがゼンリンではなくてインクリメントPであるからだとか、海外の地図やOpenStreetMapを採用しているからだとか、知ったかぶりのコメ
毎度のことながら、「すっかりご無沙汰」で書き始めるBUNです。 早速ですが、Google Maps API v3を表示できるjQuery プラグインを作ってみたので、勢い余って公開してみます。 下記よりダウンロードして、ご利用ください。 jqueryGoogleMaps1.00.zip（MITライセンス） jQuery Google Maps プラグイン ver.1.00の機能 Google Mapsをマーカー付きで表示します。 マーカークリック時に、情報ウィンドウを表示します。 所定の形式で記述されたXMLファイルを読み込んで、地図上に複数マーカーを表示します。 マーカーと連動するリンクを表示します。 現状の機能は、こんな感じです。 アップデートで、マーカーや連動するリンクの一覧をカテゴリーで分けられる・・・など、機能を追加していく予定です。（※あくまで、願望。） 使い方 はじめに
はじめに 今回は Google Maps API のマーカーを、Google Chart API を使ってお手軽に変更する方法を紹介します。 デフォルトのマーカーに対し、色や文字を変える程度であれば、画像ファイルを用意しなくても簡単にマーカーを差し替えることが出来ます。 デフォルトのマーカーを使うときは、次のようにマーカーを作成します。 (デフォルトのマーカーを使う) var marker = new google.maps.Marker({ position: myLatLng, map: map }); これで作成すると、次のようなマーカーが表示されます。 (出典は Google Maps Javascript API V3 Examples の marker-simple.html) また、マーカーに独自の画像を指定することも出来ます。 (画像ファイルを指定) var marker
maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover. It provides a single jQuery function: $('.foo').maphilight() This would hilight every image with a map on the page: $('img[usemap]').maphilight() Demos The simple demo (with awful art, and examples of data attributes) A map of the world A map of the USA A few feature-demonstrations Plu
豚を丸焼きにするイベントで日焼けしました。ago（@kyo_ago）です。 すでにだいぶ時間がたってますが、7/7に弊社コーポレートサイトのリニューアルを行いました。 その際会社までの道順を紹介するページでGoogle Mapのデザインを変更したのでその方法をご紹介したいと思います。 StyledMapType Google Map Ver3以降はStyledMapTypeというAPIが追加されており、このStyledMapTypeを使うことで地図上の指定された要素に対して独自の色情報を設定することができます。 色の変更方法 色を変更するにはStyledMapType API経由で以下のようにJavaScriptのObjectを渡すことで実現できます。 var styles = [ { // 色を変更する対象の指定（document参照） featureType: "road.local"
Leafletは軽量で地図操作に最適なJavaScriptライブラリ。 LeafletはJavaScript製のオープンソース・ソフトウェア。かつてWebベースの地図と言えば、画像の上下左右に矢印がついたものばかりだった。それを一変させたのがGoogleマップで、Ajaxによるスムーズな操作を可能にした。 ポップアップ 今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリックでズーム操作もできる。 クリックした場所で表示 マーカーの他にも円や三角形を描く
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
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.
（一社）出雲観光協会 〒693-0008 島根県出雲市駅南町1—5 ビッグハート出雲内 営業時間 9:00～17:00 (日曜定休・日曜日が祝日の場合は翌日) TEL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Map APIがHTTPSのSSL環境で利用出来るようになりました！
S2P1G.jpg （世界の国名を直訳した地図）
