WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Map Widgets for jQuery

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

jQueryのためのWelocally地図ウィジェットは、Googleマップを容易にし

速やかに次のビジネスディレクトリ、不動産ガイド、または旅行サイトプロジェクトのために、高度なスタイルjQueryとGoogleマップベースのV3マップを見事な作成。 2電源ウィジェットやカスタムマーカーと元のPSDとの3テーマが含まれていました。 数分でインストールし、仕事の60時間を保存します。

WelocallyマップクイックウィジェットGoogleマップAPI V3を使用して、高度なスタイルにカスタマイズマップを作成することが簡単にjQueryベースのJavaScriptウィジェットのセットです。 ビジネスディレクトリのウェブサイト、旅行サイト、不動産ガイドやGoogleマップのルックアンドフィールを超えて、現実世界の場所を紹介したい任意のウェブサイトを作成するための完璧な。

ダウンロードパッケージには、両方のウィジェットのワーキングデモ、およびそれらを使用し、ウェブサイトのためにそれらをスタイルする方法についてのガイドと一緒にすべての3つのテーマが含まれています。

Googleマップv3のAPIを簡素化

  • 2ウィジェットは、プレイスウィジェットおよびインタラクティブマルチプレイスウィジェットを含ま
  • 含まれるカスタムマーカーとアイコンのPhotoshopのファイルとの3テーマ
  • パッケージには、インストールとスタイリングガイドと作業のデモを含み

私たちはあなたのユニークなスタイルと風にアレンジした、迅速位置認識のウェブサイトを作るために2つのウィジェットをパッケージ化しています

Welocally場所は何ですか?ウィジェットはJSONベースの場所に基づいてデータモデルを使用しています。 簡単に言えば、場所は、その名前、場所、電話番号、およびウェブサイトのような実世界の場所に関連するすべての事実、です。 このデータは、地図上の位置を設定し、場所カードまたはマーカーマップを作成するために使用されます。

 //場所はJSONオブジェクトの配列です varの各場所= [ { "プロパティ":{ "電話": "+1 510 595 8000」、 "分類":[ { 「カテゴリ」:「レストラン」、 "サブカテゴリ": ""、 "タイプ": "食品&飲料" } ]、 「titlelink ":" http://oaklandly.com/sicily-pizza」、 "ウェブサイト": "http://www.sicilypizzapasta.com」、 「アドレス」:「138第14回セント」、 "名前": "グルメシチリアピザ」、 「省」:「CA」、 「所有者」:「welocally」、 "郵便番号": "94612"、 "国": "US"、 "都市": "オークランド" }、 "幾何学":{ "タイプ": "ポイント"、 "座標":[ -122.2636、 37.801379 ] } } ]; 

置きウィジェットザプレイスウィジェットは、それが簡単にあなたのコンテンツと直接統合されたビジネス、不動産物件、または旅行先を紹介することができ、ピンカードのスタイルのウィジェットです。

 ウィジェットの//設定 するvar CFG = {IMAGEPATH: '画像/ marker_all_base.png'}; //このクラスをインスタンス化 VAR placeWidget = 新しいWELOCALLY_PlaceWidget(CFG) 。その中に(); ローカルな場所でloacally //ロード placeWidget.loadLocal(場所[0])。 

Multiplaceウィジェットは multiplaceウィジェットは、ユーザーがそれはあなたのサイトが紹介されている場所のすべての詳細と場所をハイライトした地図マーカーをクリックすると、完全にインタラクティブな地図ウィジェットです。 これ以上の巨大なマップバルーン、または誰か他の人のように見えますマップ。 カテゴリマップ、旅行マップ、目的地ガイド、食通サイト。 WelocallyによってGoogleマップクイックウィジェットとそのすべて容易になります。

 //選択した場所に表示(観察)のために使用 VAR placeSelected =新しいWELOCALLY_PlaceWidget(); ウィジェットをconfigの//、場所の配列を使用 するvar CFG = { ID:「multi_map_1」、 IMAGEPATH:「画像/ marker_all_base.png」、 オブザーバー:[placeSelected]、 場所:場所 }; //それ両方のオブジェクト placeSelected.initCfg(CFG)。 VAR placesMulti = 新しいWELOCALLY_PlacesMultiWidget(CFG) 。その中に(); //セットアップ選択した領域は、表示選択 placesMulti.getSelectedArea()。追加( placeSelected.makeWrapper())。 

Googleドキュメントで有効クラウド

今、あなたは公開さGoogleドキュメント(のみbinpressで販売)クラウドの場所のデータベースをスプレッドシート作りのサポートをクラウドにあなたの場所を置くことができます。 多くのサイト上の場所を入れて、一つの場所にそれを管理してみませんか? 場所データベースとしてGoogleドキュメントのスプレッドシートを使用することにより(マルチサイトまたはDeveloperライセンスが)あなたが今必要のないデータベースと真実の単一のソースを持っています!

以下のように見えるマップを作ります...

Googleドキュメントクラウドは有効プレイスには 、あなたが場所情報があまりにも更新されます、データベース内のその行を更新すると、1スプレッドシートでの共有を気にすべての場所に保管してください。

 VAR placeWidget = 新しいWELOCALLY_PlaceWidget(); placeWidget.initCfg({ IMAGEPATH:「画像/ marker_all_base.png」、 }); 。jQueryの( '#のwl_place_widget_wrapper')HTML(placeWidget.makeWrapper()); VARローダー=新しいWELOCALLY_GoogleDocsLoad({ 行:5、 キー: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE」、 オブザーバー:[placeWidget] })。その中に(); loader.load()。 

Googleドキュメントのスプレッドシートを使用したカスタム場所の地図を作成し 、あなたが気にちょうど場所でクラウド内のカスタムマップをしたいですか? スプレッドシートから任意の場所を削除し、マップが自動的にrecenters。 スプレッドシートを編集すると、すべてのクラウド場所が即座に更新されます。

 //選択したディスプレイ VAR placeSelected =新しいWELOCALLY_PlaceWidget(); //マルチマップ VAR placesMulti = 新しいWELOCALLY_PlacesMultiWidget({ ID:「multi_googledocs_1」、 IMAGEPATH:「画像/ marker_all_base.png」、 showSelection:偽、 showLetters:trueの場合、 overrideSelectableStyle: "幅:100pxに; '、 オブザーバー:[placeSelected] })。その中に(); 選択した領域//セットアップ placeSelected.initCfg(CFG)。 。placesMulti.getSelectedArea()追加(placeSelected.makeWrapper()); //これは、クラウドのGoogle検索は、あるシート内のすべての場所を示しています =新しいWELOCALLY_GoogleDocsSearchのvar placesSearch({ キー: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE」、 オブザーバー:[placesMulti] })。その中に(); // Googleのスプレッドシートから場所を取得します placesSearch.search()。 

利用可能なサポートサイト

Welocallyは素晴らしいサポートを提供し、開発者コミュニティを構築したいので、我々は、作成した 当社製品のサポートサイトを使用すると、詳細な技術的な質問を持ち出すことができるように。 私たちは、人々は、製品についての簡単なコメントにコメント欄を使用できるように、技術的なサポートのためにそこに行くことを要求します。

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成した:
4月30日12

最後の更新:
5月26日12

互換性のあるブラウザ:
IE6、IE7、IE8、IE9、Firefoxの、サファリ、クローム

含まれるファイル:
JavaScriptのJS、CSS、レイヤードPSD

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全てのアイテム, 簡単に, ジャバスクリプト, jqueryの, マップ, ウィジェット