Skip to main content

Simple Google Maps API & Salesforce.com Mashup Example

First thing is first….thank you to all of the other people that post examples out there about Google and Salesforce.
Here is another version….




 <apex:page standardController=”Account” showHeader=”false” standardStylesheets=”false”>  
 <head>  
 <script type=”text/javascript” src=”https://maps.google.com/maps/api/js?sensor=false”></script>  
 <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>  
 <script type=”text/javascript”>  
 var j$ = jQuery.noConflict();  
 j$(document).ready(function() {  
 var myOptions = {  
 zoom: 15,  
 mapTypeId: google.maps.MapTypeId.HYBRID,  
 mapTypeControl: false  
 }  
 var map;  
 var marker;  
 var geocoder = new google.maps.Geocoder();  
 var address = “{!Account.BillingStreet}, ” + “{!Account.BillingCity}, ” + “{!Account.BillingPostalCode}, ” + “{!Account.BillingCountry}”;  
 var infowindow = new google.maps.InfoWindow({  
 content: “<div><b><a target=’_blank’ href=’{!Account.Website}’>{!Account.Name}</a></b><br>{!Account.BillingStreet}<br>{!Account.BillingCity}, {!Account.BillingPostalCode}<br>{!Account.BillingCountry}<br /><br />Annual Revenue: {!Account.AnnualRevenue}<div>”  
 });  
 geocoder.geocode( { address: address}, function(results, status) {  
 if (status == google.maps.GeocoderStatus.OK && results.length) {  
 if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {  
 //create map  
 map = new google.maps.Map(document.getElementById(“map”), myOptions);  
 //center map  
 map.setCenter(results[0].geometry.location);  
 //create marker  
 marker = new google.maps.Marker({  
 position: results[0].geometry.location,  
 map: map,  
 title: “{!Account.Name}”,  
 //icon: “https://localhost/palm-tree-export.png”  
 });  
 //add listeners  
 google.maps.event.addListener(marker, ‘click’, function() {  
 infowindow.open(map,marker);  
 });  
 google.maps.event.addListener(infowindow, ‘closeclick’, function() {  
 map.setCenter(marker.getPosition());  
 });  
 }  
 } else {  
 j$(‘#map’).css({‘height’ : ’15px’});  
 j$(‘#map’).html(“Oops! {!Account.Name}’s billing address could not be found, please make sure the address is correct.”);  
 resizeIframe();  
 }  
 });  
 function resizeIframe() {  
 var me = window.name;  
 if (me) {  
 var iframes = parent.document.getElementsByName(me);  
 if (iframes && iframes.length == 1) {  
 height = document.body.offsetHeight;  
 iframes[0].style.height = height + “px”;  
 }  
 }  
 }  
 });  
 </script>  
 <style>  
 #map {  
 font-family: Arial;  
 font-size:12px;  
 line-height:normal !important;  
 height:250px;  
 background:transparent;  
 }  
 </style>  
 </head>  
 <body>  
 <div id=”map”></div>  
 </body>  
 </apex:page>  

Comments

  1. Merkur 37C Safety Razor Review – Merkur 37C
    The Merkur 37c is an casino-roll.com excellent poormansguidetocasinogambling short handled DE safety razor. https://septcasino.com/review/merit-casino/ It is more suitable for both heavy https://deccasino.com/review/merit-casino/ and non-slip hands 출장샵 and is therefore a great option for experienced

    ReplyDelete

Post a Comment

Popular posts from this blog

Override Name in the Salesforce Cloud Console

Service Cloud Console HyperLink Opens new window outside of the console, Opens new tab inside the console. HYPERLINK("javascript:if(typeof(srcUp)=='function') {srcUp('/" & Id & "?isdtp=vw');}"+ " else {window.location.href='/" & Id & "'}", User__r.FirstName + ' ' + User__r.LastName, "_self" ) Checks if the srcUp exists and if it does, you're in the console.