Sexy Google Maps With jQuery (Interactive Maps Version)
Script Name: Sexy Google Maps With jQuery (Interactive Maps Version)
License: Free for personal website and non-profit organization
Official Website: http://www.MapsEasy.com
Released Date: 2012/02/15
Last Updated:: 2013/06/25
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.
- Download the personal free version
- USD $19.95 for the commercial version.
You're allowed to use the script on one domain name per license purchased. And our link is removed from the popups screen too.
It's Ok to have several links of maps in the same page. For example, your company might have several offices in different locations. You could have them listed like below:
- Disney Park, Los Angeles
- Statue of Liberty, New York
- Golden Gate Bridge, San Francisco
- Google's Los Angeles Office
- Sydney Opera House, Australia
- Avenue Gustave Eiffel, Paris
Step 1: Upload the folder "sexy_gmaps" and all files under it to your web server.
Step 2: Add the code below in between the web page <head> ... </head> tags:
<link href="sexy_gmaps/sexy_gmaps.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
New code tool for MapsEasy script is available. This helps to generate the HTML code that MapsEasy script needs.(New!)
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" rel="33.8095512,-117.9276538" title="The Address Title">My Location Link </a> Note:
Latitude and Longitude must be in decimal-based and separated by the symbol ",".
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