Google

Code used for marking locations on a Google Map via the Google Maps API.

1. Place Javscript in the footer.
2. Enter map center of map via lat-lng on myLatlng line.
3. Link georssLayer to locations.kml file

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"><!--mce:0--></script>
<script type="text/javascript">
$(document).ready(function() {
 loadGoogleMaps();
});

function loadGoogleMaps() {
 var myLatlng = new google.maps.LatLng(45.12,-93.41);
 var myOptions = {
 center: myLatlng,
 mapTypeId: google.maps.MapTypeId.ROADMAP

 }

 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

 var georssLayer = new google.maps.KmlLayer('http://www.website.com/locations.kml?time=1321286129',{preserveViewport:true});
 georssLayer.setMap(map);
 map.setZoom(10);
}

1. Place this div where you want the map to show up.

<div id="map_canvas" style="width:560px; height:450px;"></div>

1. Edit or create your locations.kml file from http://www.geositemapgenerator.com/
2. Make your custom icon file 40px by 40px with a shadow if you want.

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
 <Document>
 <Style id="globeIcon">
 <IconStyle>
 <Icon>
 <href>http://www.stcloudent.com/staging/themes/ent/images/map-icon.png</href>
 </Icon>
 </IconStyle>
 </Style>
 <LineStyle>
 <width>2</width>
 </LineStyle>
 </Style>
 <Placemark>
 <name><![CDATA[St. Cloud Ear, Nose & Throat]]></name>
 <address><![CDATA[433 Elm Street N, Sauk Centre, MN, 56378, United States]]></address>
 <description><![CDATA[<div><br />
 <a href="http://www.stcloudent.com/staging/locations/" target="_self"><strong>Outreach Location</strong></a><br />
 433 Elm Street N<br />
 Sauk Centre, MN 56378<br />
 800-450-3223<br />
 </div>]]></description>
 <styleUrl>#globeIcon</styleUrl>
 <Point>
 <coordinates>-94.9546508,45.7456129,0</coordinates>
 </Point>
 </Placemark>
 </Document>
 </kml>

Used on:

• http://www.nweyeclinic.com/
• http://www.libertysavings.com/
• http://www.stcloudent.com/
• http://www.harborpacific.us/