[ad_1]
To get this product on 50 p.c low cost contact me on this link
Welocally Map Widgets for jQuery Makes Google Maps Easy
Quickly create beautiful extremely styled jQuery and Google Maps v3 primarily based maps for your subsequent enterprise listing, actual property information, or journey website mission. Included 2 energy widgets and three themes with customized markers and unique PSDs. Saves 60 hrs of labor, installs in minutes.
Welocally Maps Quick Widgets is a set of jQuery primarily based javascript widgets that make it simple to create extremely styled custom-made maps utilizing Google Maps API v3. Its excellent for creating enterprise listing web sites, journey websites, actual property guides or any web site the place you need to transcend the feel and appear of Google Maps and showcase actual world locations.
The obtain package deal features a working demo of each widgets, and all three themes with a information on how you can use them and elegance them for web sites.
Simplifies the Google Maps v3 API
- 2 Widgets Included, Place Widget and Interactive Multi Place Widget
- 3 Themes with customized marker and icon photoshop information included
- Package contains working demos with set up and styling guides
We have packaged up two widgets that will help you make location conscious web site shortly, with a novel type and aptitude
What is a Welocally Place?
The widgets use an information mannequin primarily based on JSON primarily based locations. Simply put, a spot is all of the related information about an actual world location, like its identify, location, cellphone quantity, and web site. This information is then used to set the map location and create place playing cards or marker maps.
//locations are an array of JSON objects
var locations = [
{
"properties": {
"phone": "+1 510 595 8000",
"classifiers": [
{
"category": "Restaurant",
"subcategory": "",
"type": "Food & Drink"
}
],
"titlelink": "http://oaklandly.com/sicily-pizza",
"website": "http://www.sicilypizzapasta.com",
"address": "138 14th St",
"name": "Gourmet Sicily Pizza",
"province": "CA",
"owner": "welocally",
"postcode": "94612",
"country": "US",
"city": "Oakland"
},
"geometry": {
"type": "Point",
"coordinates": [
-122.2636,
37.801379
]
}
}
];
Place Widget
The Place Widget is a pin card type widget that makes it simple to showcase a enterprise, actual property itemizing, or journey vacation spot built-in immediately together with your content material.
//config for the widget
var cfg = { imagePath: 'pictures/marker_all_base.png'};
//instantiate it
var placeWidget =
new WELOCALLY_PlaceWidget(cfg)
.init();
//load loacally with native place
placeWidget.loadLocal(locations[0]);
Multiplace Widget
The multiplace widget is a totally interactive map widget, when customers click on on map markers it highlights the placement with all the small print of the place your website is showcasing. No extra gigantic map balloons, or a map that appears like everybody else’s. Category maps, journey maps, vacation spot guides, foodie websites. Its all simpler with Google Maps Quick Widgets by Welocally.
//used for the place show when chosen (noticed)
var placeSelected = new WELOCALLY_PlaceWidget();
//config the widget, use the locations array
var cfg = {
id:'multi_map_1',
imagePath: 'pictures/marker_all_base.png',
observers:[placeSelected],
locations: locations
};
//it each objects
placeSelected.initCfg(cfg);
var locationsMulti =
new WELOCALLY_PlacesMultiWidget(cfg)
.init();
//setup the chosen space, show chosen
locationsMulti.getSelectedArea().append(
placeSelected.makeWrapper());
Cloud Enabled with Google Docs
Now you may put your locations within the cloud with help for making publicly printed Google Docs spreadsheets your cloud locations database (solely offered on binpress). Want to place a spot on many websites and handle it in a single place? (Multisite or Developer license) By utilizing your Google Docs spreadsheet because the locations database you now have a single supply of fact with no databases required!
makes a map that appears like…
Google Docs Cloud Enabled Place Keep all of the locations you care about sharing on one spreadsheet, once you replace that row within the database the place data will get up to date too.
var placeWidget =
new WELOCALLY_PlaceWidget();
placeWidget.initCfg({
imagePath: 'pictures/marker_all_base.png',
});
jQuery('#wl_place_widget_wrapper').html(placeWidget.makeWrapper());
var loader = new WELOCALLY_GoogleDocsLoad({
row: 5,
key: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE',
observers: [placeWidget]
}).init();
loader.load();
Create a Custom Places Map with Google Docs Spreadsheets Want a customized map within the cloud with simply the locations you care about? Remove anyplace from the spreadsheet and the map robotically recenters itself. All cloud locations are immediately up to date once you edit the spreadsheet.
//the chosen show
var placeSelected = new WELOCALLY_PlaceWidget();
//the multi map
var locationsMulti =
new WELOCALLY_PlacesMultiWidget({
id:'multi_googledocs_1',
imagePath: 'pictures/marker_all_base.png',
showSelection: false,
showLetters: true,
overrideSelectableStyle: 'width: 100px;',
observers:[placeSelected]
}).init();
//setup the chosen space
placeSelected.initCfg(cfg);
locationsMulti.getSelectedArea().append(placeSelected.makeWrapper());
//that is the cloud google search, reveals all locations in sheet
var placesSearch = new WELOCALLY_GoogleDocsSearch({
key: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE',
observers: [placesMulti]
}).init();
//get locations from the google spreadsheet
placesSearch.search();
Support Site Available
Welocally needs to supply nice help and construct a developer neighborhood, so we now have created support site for our products so you may deliver up detailed technical questions. We request that you just go there for technical help so individuals can use the feedback part for easy feedback concerning the product.
[ad_2]
To get this product on 50 p.c low cost contact me on this link
