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 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

jQuery를위한 Welocally지도 위젯은 Google지도 쉬운 만든다

신속하게 다음의 비즈니스 디렉토리, 부동산 가이드, 또는 여행 사이트 프로젝트에 대한 높은 스타일 jQuery를 구글지도를 기반으로 v3를지도를 기절 만듭니다. 2 전원 위젯과 사용자 정의 마커와 원래의 PSD 3 테마를 포함. 작업의 60 시간을 절약 할 수 분 안에 설치합니다.

Welocally지도 빠른 위젯은 쉽게 구글지도 API V3를 사용하여 높은 스타일 맞춤지도를 만들 수 jQuery를 기반으로 자바 스크립트 위젯의 집합입니다. Google지도의 모양과 느낌을 넘어 실제 장소를 소개 할 위치 비즈니스 디렉토리 웹 사이트, 여행 사이트, 부동산 가이드 또는 웹 사이트를 만들기위한 완벽한.

다운로드 패키지는 모두 위젯의 작업 데모, 그들을 사용하여 웹 사이트에 대한 그 스타일을하는 방법에 대한 가이드와 함께 세 가지 테마가 포함되어 있습니다.

Google지도 V3 API를 단순화

  • 이 위젯은 장소 위젯 및 대화 형 멀티 장소 위젯을 포함
  • 포함 된 사용자 정의 마커 및 아이콘 포토샵 파일 3 테마
  • 패키지 설치 및 스타일 가이드와 함께 작업 데모를 포함

우리는 독특한 스타일과 감각으로, 신속하게 위치 인식 웹 사이트를 만들 수 있도록 두 개의 위젯을 포장했다

무엇 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) .init (); 지역의 장소 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) .init (); // 설정 선택된 영역이 표시 선택 placesMulti.getSelectedArea (). 추가 ( placeSelected.makeWrapper ()); 

클라우드 Google 문서 도구로 사용

지금 당신은 공개 된 구글 문서 도구 (만 binpress에 판매) 클라우드에 대한 데이터베이스를 스프레드 시트를 만들기위한 지원을 클라우드에 장소를 넣을 수 있습니다. 많은 사이트에 장소를 데려 가고 싶다는과 한 곳에서 관리? (다중 또는 개발자 라이센스) 귀하의 Google 문서 도구 스프레드 시트를 사용하여 당신이 지금 필요없이 데이터베이스와 진리의 단일 소스가있는 곳 데이터베이스로!

처럼 보이는지도를 만드는...

Google 문서 도구 클라우드는 사용 장소는 당신이 장소 정보도 업데이트되는 데이터베이스에서 해당 행을 업데이트 할 때, 하나의 스프레드 시트에서 공유 관심있는 모든 장소에 보관하십시오.

 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] .})의 init (); 가 loader.load (); 

스프레드 시트는 당신이 관심 단지 장소와 클라우드에서 사용자 지정지도를 원하십니까 Google 문서 도구와 사용자 지정 장소지도 만들기? 스프레드 시트에서 모든 장소를 제거하고지도가 자동으로 recenters. 스프레드 시트를 편집 할 때 모든 클라우드 장소가 즉시 업데이트됩니다.

 // 선택된 디스플레이 VAR placeSelected = 새로운 WELOCALLY_PlaceWidget (); // 멀티 맵 VAR placesMulti = 새로운 WELOCALLY_PlacesMultiWidget ({ ID : 'multi_googledocs_1' ImagePath를 '이미지 / marker_all_base.png' showSelection : 거짓, showLetters : 사실, overrideSelectableStyle '폭 : 100 픽셀;' 관찰자 : [placeSelected] .})의 init (); 선택한 영역 // 설정 placeSelected.initCfg (CFG); . placesMulti.getSelectedArea ()에 추가 (placeSelected.makeWrapper ()); //이 클라우드 구글 검색이며, 시트에있는 모든 장소를 보여줍니다 = 새로운 WELOCALLY_GoogleDocsSearch var에 placesSearch ({ 키 : '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE' 관찰자 : [placesMulti] .})의 init (); // 구글 스프레드 시트에서 장소를 얻을 placesSearch.search (); 

지원 사이트 가능한에게

Welocally 큰 지원을 제공하고 개발자 커뮤니티를 구축하고자하는, 그래서 우리가 만든 우리의 제품에 대한 지원 사이트를 당신이 상세한 기술적 인 질문을 제기 할 수 있습니다. 우리는 사람들이 제품에 대한 간단한 의견 코멘트 섹션을 사용할 수 있도록 기술 지원을 거기에 갈 것을 요청합니다.

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

만들어진:
4월 30일 (12)

마지막 업데이트:
5월 26일 (12)

지원되는 브라우저:
IE6, IE7, IE8, IE9, 파이어 폭스, 사파리, 크롬

파일 포함:
자바 스크립트 JS, CSS, 계층화 된 PSD

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 아이템, 쉬운, 자바 스크립트, JQuery와, 지도, 위젯