Account Field/R15/Google Maps

Question

Hi,
I have created a custom field within my Account tab where I can click on it and it brings up google maps home page. Is there a way where I can click in it, it goes to that accounts specific address, perhaps by searching by postcode?

Answer 1

Here is the code i used to do this: make sure you generate your own key and replace the "Generate you own here Here......."
<!-- ++Begin Map Search Control Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the map search control.
// You can place this anywhere on your page
-->
<div id="mapsearch">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Maps Api, Ajax Search Api and Stylesheet
// Note: If you are already using the Maps API then do not include it again
// If you are already using the AJAX Search API, then do not include it
// or its stylesheet again
// The Key Embedded in the following script tags is designed to work with
// the following site:
// https://secure-ausomxava.crmondemand.com/
-->
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAyhjLIPCU-WLQ4xDoNATtchTJK5JjK72bh36r4oLas1iLhwGkfxQ_W19ceeYQ50K1LgBm4QbvTw1mow"
type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=(Generate you own here Here......."
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
</style>
<!-- Map Search Control and Stylesheet -->
<script type="text/javascript">
window._uds_msw_donotrepair = true;
</script>
<script src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js?mode=new"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css");
</style>
<style type="text/css">
.gsmsc-mapDiv {
height : 275px;
.gsmsc-idleMapDiv {
height : 275px;
#mapsearch {
width : 700px;
margin: 10px;
padding: 4px;
</style>
<script type="text/javascript">
function LoadMapSearchControl() {
var options = {
zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL,
title : "%%%First Name%%% %%%Last Name%%%",
url : "www.maps.google.com.au",
idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM,
activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM
new GSmapSearchControl(
document.getElementById("mapsearch"),
"%%%Personal_ADDR_Address1%%%,%%%Personal_ADDR2_Address2%%%,%%%Personal_PROVINCE_Province%%%,%%%Personal_CITY_City%%%,%%%PERSONAL_LIST_ZIP%%%,%%%Personal_COUNTRY_Country%%%",
options
// arrange for this function to be called during body.onload
// event processing
GSearch.setOnLoadCallback(LoadMapSearchControl);
</script>
<!-- ++End Map Search Control Wizard Generated Code++ -->