#static google maps

New Post has been published on http://www.htmluse.com/static-google-maps-generating-url-for-static-google-map/

Static Google Maps - Generating url for static google map

Download   Demo

Static Google Maps is a very simple jQuery plugin for generating url for static google map and url for live map

1. INCLUDE JS FILES

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="js/map.js"></script>

2. HTML

<a class="liveMap" target="_blank" href="#"><img id="staticMap" src="" alt=""/></a> <p>Address: 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States</p>

3. JAVASCRIPT

var url = $.staticMap( markerIcon: 'http://tinyurl.com/2ftvtt6', address: '1600 Amphitheatre Parkway, Mountain View, CA 94043, United States', width: 500, height:400, zoom: 13 ); $('#staticMap').attr('src', url); var urlLive = $.liveMapLink( address: "1600 Amphitheatre Parkway, Mountain View, CA 94043, United States", zoom: 12 ); $('.liveMap').attr('href', urlLive);

“$staticMap” plugin, generate a link to static google map.

“$liveMapLink” plugin, generate a link to live google map.

4. OPTIONS

Options for Static maps

key - The Static Maps API uses an API key to identify your application. Not required. 25 000 free static map requests per application per 24 hour period.

zoom - Number: defines the zoom level of the map, which determines the magnification level of the map.

width - Width of returned image

height - Height of returned image

address - Location address. Could be latitude, longitude (“123.34, 5.0453″) or address.

markerIcon - Url for custom marker icon

sensor - true/false. (required) specifies whether the application requesting the static map is using a sensor to determine the user’s location.

mapType - defines the type of map to construct. There are several possible maptype values, including “roadmap”, “satellite”, “hybrid”, and “terrain”.

scale - affects the number of pixels that are returned. “scale”:2 returns twice as many pixels as “scale”:1 while retaining the same coverage area and level of detail

Options for Live maps url

address - Location address. Could be latitude, longitude (“123.34, 5.0453″) or address.