Simple google map with address marker

Script version:1.0
Language:Javascript
Rating:
6.3 (6 votes cast)
Category:Google maps
Description:This code will show a google map in your web page with a place marker on the first matching address.
Instructions:Note: this script uses the google maps API, so to make it work on your website you will need to get an API key, then replace the key in the script tag above (ABQIAAAA.. etc ) with the key that you get for your website address. to get an API key for your website, go here: http://code.google.com/apis/maps/index.html

Once you replace your code, you can embed this map in your page. Make sure you change the address in the body tag to the address you want highlighted on your page.

This map automatically detects the country from your domain name, but if you are using a .com domain in the uk, you should add the line:

geo.setBaseCountryCode('GB')

just after the constructor: var geo = new GClientGeocoder();

One final note, do not use 100% a the height and width of the map div layer since this will prevent the map contents showing for some reason.



Code:




Comments



Yannick
16 November 2008 06:03:15
Hello, but how to display multiple markers from different addresses on the same map ??


Name: *
Email: (not shown on website)
Website:
Rate this script:
1 2 3 4 5 6 7 8 9 10
worse better
Comment: *
CAPTCHA Image
Change Image
Write the characters in the image above


* = required field

Related Scripts:

Tags

[ maps ] [ google ] [ api ] [View tag cloud]

Back to main scripts page








Tag Cloud    Submit a script


Latest Scripts Added

jQuery image swap on mouseover (jQuery)
04 January 2012
This simple bit of code allows you to quickly create image rollovers. The code was modified from a version by Sam Colletts on http://webdevel.blogspot.com/2008/04/rollover-images-with-jquery.html ...

replace XML characters in a string using ASP.Net (ASP.Net)
12 December 2011
Sometimes you need to insert a string into an xml document. Before doing this, you need to ensure that your string does not contain any special xml characters. It is possible to use a CDATA section ...

How to remove title tag in ASP.Net (ASP.Net)
14 October 2011
This is not really a script, but a little trick that you can use to remove the title tag in ASP.net. In ASP.net, when the head tag is rendered, the title tag is automatically added. One of the real ...

ASP sort numerical array (ASP)
12 September 2011
This code is similar to the sort array script which sorts an array alphabetical, however it also sorts arrays based on numberical ordering, for example: dim numbers(4) numbers(0) = ...

Force file download in ASP.Net / c# (ASP.Net)
02 September 2011
this script allows you to force browsers to display a file save dialogue for any file type. It contains a string of allowed file types so users cannot change the querystring to downoad your ...