mappy.js - jQuery plug-in for Google Maps and Places API integration GoogleMapを使って場所の選択や追加、削除、検索を可能にするjQueryプラグイン「mappy.js」 利用者がマップに情報を追加したり、追加された情報を選択したり、検索したりするUIが作れます 地図情報と絡めたようなサービスを作る際に活用できそうです。 関連エントリ Googleマップを好みの色にカスタマイズできるスタイルまとめ「Snazzy Maps」 素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 2Dの地図をリアルな3Dにして3Dマップを作れるPhotoshopアクション
WordPressに簡単にGoogleMapsを設置できるプラグイン「MW Google Maps」を作りました。投稿画面でマップを設定し、ショートコードを埋め込むことでマップを表示できます。一覧画面用に、複数のピンが表示されるショートコードもあります。 ダウンロード 使い方 WordPressのプラグインディレクトリにアップロードし有効化すると、投稿画面のサイドバー「設定」メニュー内に「MW Google Maps」というメニューが表示されるようになります。まずここでどの投稿タイプにマップを表示させるかを設定します。 設定メニューにMW Google Maps設定画面へのリンクが表維持されます。 Google Mapsを表示させたい投稿タイプを選択します。 MW Google Mapsの設定画面で選択した投稿タイプの投稿画面にGoogle Mapsを設定するためのメタボックスが表示されま
iPhoneおすすめアプリ全iPhoneユーザーに教えてあげたいGoogleマップを使いこなす10個の覚え書き!2012年12月15日996 @JUNP_Nです。とうとうiPhoneにGoogleマップが帰ってきました。新しいGoogleマップアプリは以前のものと比べて超パワーアップしています。ということで新しいGoogleマップアプリを使いこなすための10個の覚え書きです。 1. Googleマップアプリでストリートビューを表示する表示したい場所を長押ししてピンを付けます。その状態で画面下部に表示されている住所部分を上にスライドさせるとストリートビューの表示が出ます。 表示されたストリートビューの写真をタップすることでストリートビューモードになります。 もちろん矢印での移動や、グルグル見回したりなんかもできます。 2.Google マップアプリで経路検索をするGoogle マップアプリで
◆Google Maps JavaScript API V3 Example(Demo)一覧 ※本ページのiPhone(スマートフォン端末)用デモを見るには、ブラウザはGoogle Chromeを使用して下さい。 はじめに ともかく地図を表示する。(デフォルト:ナビ、地図タイプ、距離スケール表示) WordPressの記事内にGoogle Mapを表示させる アイコンとインフォウィンドウ アイコン(マーカー)+インフォウィンドウ コントロール アンドロイド”Android” コントロール(地図の拡大・縮小) 拡大・縮小用ズームコントロールボタン(地図の拡大・縮小) カスタムコントロール/地図内に現在地に戻るボタンを設置 全画面フルスクリーン表示を切り替えるボタンをGoogleマップ内に実装する マーカー(アイコン)の配列についての検証(2次元配列を理解してみる) for (var i =
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
街があおく写る�その時間が好きだ。 喜び、悲しみ、幸福、 不安、楽しみ、後悔、 優しさ、焦り、希望。 色んな朝がある。 このサイトは、写真集「東京ブルー」に 収録された作品の一部と、撮影地マップを 公開しています。 タイトル : 東京ブルー 著者 : 谷口巧 発行所 : 圓津喜屋(えんづきや) ISBN : 978-4-9900779-9-0 C0072 B5横上製・カラー80貢・2000円+税
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く