A Collection of High Quality Map Texture | Naldz Graphics
Textures are an excellent way to greatly develop your ability to create awesome designs. These days textures are playing an important visual part in web designs and print graphic designs as they add depth and originality to the overall layout. It is no surprise then that every designer in the designing community keeps a wide variety of this designing element in their toolbox which they can always
個人的に使ってるtableの日本地図をjQueryで叩く
CSSはこちら。特に変わったことはしていません。CSS3はtext-shadowとtransitionです。これは必須という訳ではないですね。 #map1 a{ font-size: 14px; color: #666; text-decoration: none; text-shadow: rgba(255,255,255,0.6) -1px 1px 0; } #map1 td{ padding: 6px 3px; text-align: center; } #map1 td.frame{ padding: 0; width: 20px; height: 10px; } #map1 td.land{ background-color: #eef2bf; } #map1 td.sea{ background-color: #f0f9ff; } #map1 td.selected{ back
郵便番号と住所の検索がカンタンにできるiPhoneアプリ「郵便番号検索くん」
各市町村の郵便番号を調べたり、郵便番号からどの住所なのかを調べるときに役立つiOS端末向けアプリが、ストレートな名前のついた「郵便番号検索くん」。検索はオフラインで行うので、アプリ容量は大きいもののネットにつながっていない時でも利用が可能。調べた内容はコピーしてメール送信したりお気に入りに入れておくことができ、Googleマップを使って調べた先の周辺も見られるようになっています。 郵便番号検索くん for iPhone 3GS, iPhone 4, iPhone 4S, iPhone 5, iPod touch (3rd generation), iPod touch (4th generation), iPod touch (5th generation) and iPad on the iTunes App Store https://itunes.apple.com/app/id57
Googleに学ぶ、Google Maps APIでできること（デモや技術情報など）
Google Maps APIを使ってできるユニークな特徴を備えたデモが楽しめるGoogleのプロモーションサイトと補足として技術情報を紹介します。 Google Maps API - More Than A Map デモでは6つのGoogleマップを使ったコンテンツと、開発者向けリソースや更に高度なデモを楽しめます。 Googleマップ：ベースマップ Googleマップ：サテライト Googleマップ：ストリートビュー Googleマップ：プレイス Googleマップ：ルート案内 Googleマップ：ビジュアライゼーション Googleマップ：開発者向けリソース Googleマップ：ショーケース Googleマップ：ベースマップ まずは、基本となるベースのマップです。
iOS6のiPhone標準地図はさようなら！無料で使える便利地図アプリをご紹介します。 – スマホで仕事効率化！ビジネスアプリのお仕事アプリ.com
ツイート 9月にリリースされた「iOS6」。アップデートして新しい機能が増えたのはいいけど、地図アプリだけはとても不便になってしまいました！ 今後少しずつアップデートするとAppleも発表していますが、今すぐ使いたいのに待っていられないですよね。そこで、無料アプリに限定して、旧iPhone地図に代わるiPhone用地図アプリをご紹介します！ mapipo6 GoogleMapをベースに、渋滞情報やストリートビュー・ルート案内が可能なアプリ。コンパスでの方向切替もでき、旧iPhone地図の機能はほぼ網羅しています。画面上部に配置されている広告バーが邪魔ですが、これも「FULL」ボタンをタップすれば表示されなくなりますので、問題無さそう。 ルート案内では住所やキーワード以外に電話番号での検索も可能なので、特定のスポットへ行く場合などに便利です。ただ電車でのルート検索すると、Googleの画面に
Google Maps デザイン変更(Google Maps API) / Maka-Veli .com
（思いっきり個人的な備忘録ですんません。。） 大分今更感満載ですがメモ。 google mapsのデザイン等はご存知の通りStyledMapTypeというAPI等で変更可能で、JavaScriptで変えたい部分の指定してあげる。※Google Map Ver3以降 意味わからん、という場合はGoogle Maps API Styled Map Wizardで、見ながら変更 左のSelectorでゴニョゴニョといじって、右のMap Style、Addを押すとスタイルが指定されます。最終的にMap Style、下部の「Show JSON」をクリックして出てくるのを使用する、と。 jQuery使ってマーカーなんかも出来るみたいです。 APIと少しのjQueryコードでGoogle Mapの地図の色を変更する – かちびと.net GoogleMapsの参考はギャラリーサイトなんかで
WordPressの記事にGoogleストリートビューを表示、コメントも加えられるプラグイン・Street View Comments
地名と緯度経度を指定すると、 ストリートビューを表示出来る WordPressのプラグインのご 紹介。ストリートビューには コメントも加える事が出来る 様になっています。 用途は多くは無いかもしれませんけど・・変わった機能なのでシェア。 カスタム投稿タイプを使ってストリートビューを表示させるWPプラグイン。 地名をタイトルに、オプションで緯度と経度を入力して記事として更新します。複数書くと、スライド式にストリートビューを見る事が出来ます。 緯度と経度を入力するとこのようにSVが表示されます。SVにはコメントを残せます。 なかなか面白いです。プラグインは以下でダウンロードできます。 Street View Comments
GoogleMapsCustomFieldsプラグイン不具合修正
GoogleMapsCustomFieldsプラグインに対して、管理画面の一部で表示が乱れるとのご指摘をいただきました。 修正したものを公開します。 プラグインは以下からダウンロードします。 GoogleMapsCustomField_1_28.zip ダウンロードしたZipファイルを解凍すると、「plugins」と「mt-static」のフォルダができます。 これらのフォルダを、Movable Typeのインストール先ディレクトリにアップロードします。 インストール後の使い方は従来通りです。 以下のページを参照してください。 Googleマップカスタムフィールドプラグイン（その1） Googleマップカスタムフィールドプラグイン（その2）
WordPressのカスタムフィールドに住所や地名を登録するだけでGoogleマップが表示されるようにカスタマイズする
少し前に小規模のローカル地域での 店舗検索サイトのお手伝いをさせて 頂いたんですが、その時に使った Tipsです。WordPressのカスタム フィールドに住所を入れるだけで、 地図が表示されるようにする。 カスタムフィールドに住所を入力すればGoogleマップが自動で表示されるようにする、っていう方法。 住所入力でGoogleマップを表示する APIを使います。これは少し前にjQueryでやる方法を知人に聞かれたので記事を書きました。 APIと少しのjQueryコードでGoogle Mapの地図の色を変更する なので細かい解説は割愛します。 コードではコードです。 API<script type='text/javascript' charset='utf-8' src='http://maps.googleapis.com/maps/api/js?&sensor=false'></sc
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
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/
地図にマッピングし、指定した位置にコンテンツを表示出来る軽量jQueryプラグイン・CRAFTMAP
使いやすそうだったので備忘録。 Googleマップライクに動かせて マーキング、その場にコンテンツ を表示させる事も可能な軽量 jQueryプラグイン・CRAFTMAPです。 ちょっと説明下手ですね・・ マーキングもデザインのカスタマイズも割と楽で色々なものに応用できそうです。商用は有料なのですが、もしかしたら使うかも。 メニューから選択するだけでなく、ドラッグ可能でマーカーをクリックすることでもスクロールしてくれます。地図コンテンツでたまに見かけるインターフェースですね。 特にGoogle Map API等は使用していません。シンプルに、地図の画像を作って、座標に応じてマーカーを設置する、というものです。ライブラリも軽量ですよ。 サンプル作ったのでどうぞ。 Sample コード<script type='text/javascript' src='https://ajax.googlea
Googleマップカスタムフィールドプラグインのマーカーをカスタマイズする
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 Googleマップカスタムフィールドプラグインに対して、マーカーをカスタマイズしたいというご質問をいただきました。 その方法を紹介します。 Google Static Maps APIを使う場合 Google Static Maps APIを使って静的な地図を表示するだけなら、テンプレートタグの組み合わせだけで、マーカーをカスタマイズすることができます。 マーカーの色やラベルを変えるだけなら、地図を表示するブロックタグ（MTXXXBlockタグ）の中で、以下のようにテンプレートタグを組み合わせます。 img
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを使用しています。 ちょっとこのタイトルだと誤解与えそうですね・・・オートサジェストとして出た候補を選択するだけで地図を変更、経度や緯度などの位置情報も取得するjQueryプラグインです。GoogleMapAPIを使っています。 入力するだけで候補が出るオートサジェスト機能と、候補にマウスを乗せるだけでするだけで地図が切り替わるインクリメンタルサーチ機能の付いた位置情報ピッカー。 と、聞こえはなかなかいいですけどオートサジェストが日本語入力だと若干挙動が微妙なんですよね。Chromeはそこそこ良い反応ですが、Firefoxは特に微妙ですな・・・IEは大丈夫ぽかったで
タブで切り替え可能な地図をGoogleMapで実装する為のjQueryコードサンプル
勉強用にメモ。タブで複数のGoogleMap をjQueryで切り替え可能にするコード です。わりと簡単なコードでユーザーに とって使いやすい地図を実装出来るの でちょっと覚えておきたい。仕組みは 結構単純です。 以前、普通のタブで同じように切り替えるようにしたんですが、複数の地図を全部読み込んでしまうのでちょっと微妙だったんですが、これなら切り替え時に読み込んで表示するので表示スピードに対する影響を軽減できます。 Sample 例えば複数店舗があっても一箇所に表示できますね。GoogleMapは便利なんですが、地味に重いのでこういうコードはちょっと覚えておきたいです。 /* Google Map Selector * Created: Jan 18th, 2011 by DynamicDrive.com. This notice must stay intact for usage *
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フィルタリング可能なGoogleMapを実装するjQueryプラグイン・Searchable Map
IDEA * IDEA
Yahoo!ロコ プレイスに無料で店舗を登録する方法ガイド | Web担当者Forum
【旧版】Google Maps API入門 (全19回) - プログラミングならドットインストール
