Peak Studios – Assert your web presence!

Other Tutorials

• Dynamic Flash Slide Show in WordPress
• Join tables using Flash PHP MySQL
• Adding Google Maps to WordPress
• Hello World using Flash PHP MySQL
• Creating a Flash Guest Book (Part 1)
• Creating a Flash Guest Book (Part 2)
• Flash Login using Flash PHP MySQL
• Data Grid using Flash PHP MySQL

Adding Google Maps to WordPress

In this brief tutorial Peak Studios Teaches you how to add Google Maps to you WordPress blog.

• Copy the code below:

<script type=”text/javascript”
src=”http://maps.google.com/maps?file=api&amp;v=2&amp;key=GET YOUR GOOGLE API KEY”>
</script>
<script type=”text/javascript”>
function initialize() {
var mapCheck = document.getElementById(“map_canvas”);
if(mapCheck){
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById(“map_canvas”));
var address = map_canvas.getAttribute(“address”);
var geocoder = new GClientGeocoder;
map.addMapType(G_PHYSICAL_MAP);
geocoder.getLatLng(address, function(point){
if(point){
map.clearOverlays();
map.setCenter(point, 15, G_PHYSICAL_MAP);
var marker = new GMarker(point);
map.addOverlay(marker);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
}
});
}}
}
</script>paste the code into the head of wp-content/theme/YOUR THEME/header.php

• Copy and paste the code below in to any post you want a map on:

<div id=”map_canvas” style=”width:740px; height:300px;” address=”Boulder, CO”>You can change the size of the map and the location.
The address can go from exact to just the state or country.

You can add attributes in the div tag to do any thing you want just be sure to add the functionality to the java script.
Some great resources for learning more about the Google Maps API are:

http://www.google.com/help/maps/tour

http://www.youtube.com/watch?v=hYB0mn5zh2c&feature=related

This entry was posted on Tuesday, February 23rd, 2010 at 6:14 pm. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.