Digital-Pic.com - Stock Photos, Vector Web Buttons, Infrared Photography Photos and more
Stock Photos, Vector Web Buttons, Infrared Photography Photos
 
HOME CATEGORIES MOST POPULAR NEW PHOTOS ABSTRACT Background Infrared Photos Vector Buttons
BROWSE CATEGORIES

Home jQuery JavaScript | Newest Photos | Most Popular Photos |
Photo Title: Sexy Google Maps With jQuery (Static Maps Version)
Sexy Google Maps With jQuery (Static Maps Version)

Share it : Add to: Digg Add to: Del.icio.us Add to: Reddit Add to: StumbleUpon Add to: Slashdot Add to: Netscape Add to: Blogmarks Add to: Linkarena Add to: Furl Add to: Yahoo Add to: Mr. Wong Add to: Google Add to: Technorati Add to: Netvouz Add to: Blinklist Add to: Simpy
Send This E-Card | add to light box | send to e-mail
Photographer

Photo ID: 3335
Gallery ID: 102 - jQuery JavaScript
Photo Title: Sexy Google Maps With jQuery (Static Maps Version)
Digital Items
Quality: Zip File
File Size: 0.09(mb)
Price: $14.95
Add to Cart

Photographer/Artist:
MapsEasy.com | View all photos by this person

Tag Cloud:
mapseasy, gmaps tool, google maps tool, gmaps generator, maps generator, google maps customization, google map generator, maps to image, google maps html code, google maps html generator, google maps image generator, maps to html, jquery, jquery plugin, jquery addon, javascript
Description:

Sexy Google Maps With jQuery (Static Maps Version)



Script Name: Sexy Google Maps With jQuery (Static Maps Version)

Version: 1.0

License: Commercial License. You're allowed to use the script on one domain name per license purchased.

Official Website: http://www.MapsEasy.com


Introduction:
This script helps to present a Google Maps to your visitors without change the website layout. When mouse over the address link, a thumbnail of the address will be displayed. When click on the address link, a large Google Maps will popup on the screen. The details of the maps could be seen from the popups.


Demo



Demo is available at the URL below:

http://www.mapseasy.com/sexy_gmaps_with_jquery_static.php


Installation Guide



Step 1: Upload the folder "sexy_gmaps_static" and all files under it to your web server.


Step 2: Add the code below in between the web page <header> ... </header> tags:


<script src="sexy_gmaps_static/jquery.1.7.min.js" type="text/javascript" /></script>

<script src="sexy_gmaps_static/sexy_gmaps_static.min.js" type="text/javascript" /></script>

<link href="sexy_gmaps_static/sexy_gmaps_static.css" rel="stylesheet" type="text/css" />


Step 3:
Convert your address to decimal-based latitude and longitude coordinates. Please goto the url: http://www.MapsEasy.com/adress-to-gps-coordinates.php


Step 4:
Replace the latitude and longitude coordinates in below code and put it on anywhere that you want it to be displayed.


<a href="#" class="sexy_gmaps_static" rel="33.8095512,-117.9276538" title="The Address Title">My Location Link </a>

Note:

You can use the Latitude and Longitude in the rel tag, or the complete address is OK too. However, Latitude and Longitude is recommended. If Latitude and Longitude is used, it must be in decimal-based and separated by the symbol ",". Examples are listed below:


  • rel="33.8095512,-117.9276538"

  • rel="The Complete Address Here"


The Address Title: The title will be applied on the popup screen.

My Location Link: Could be changed to any text, your own image or icon.


Google Maps Usage Limits


The script is developed with newest Google Maps Static Maps API v3. Google has set a limitation of their maps free access. For-profit web sites are permitted to generate up to 25,000 map loads per day by using the Google Maps Static Maps API v3. If your sites that exceed the limits, you'll need to purchase a Google Maps API for Business license from Google Inc. and you need to do it by yourself.

« Back
Digital-Pic.com Stock Photography