Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Deepak Sharma 12Deepak Sharma 12 

Displaying maps issue in visualforce page with standardcontroller object

Trying to show map on my lead object field page and got this error
Greetings to All,
I am trying simple map implementation in the visualforce page with standard controller object and got this error . Please propose a solution for this.

Thanks in advance
 
ShotShot
Can you show us a VF code?
Deepak Sharma 12Deepak Sharma 12
Here is my VF code:
<apex:page StandardController="lead">
<head>

   <apex:includeScript value="https://maps.googleapis.com/maps/api/js?v=3.18"/>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
 
$(document).ready(function() {
varmyOptions = {
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
  }
var map;
var marker;
 
vargeocoder = new google.maps.Geocoder();
var address = "{!lead.Address}, "+"{!lead.Street}, " + "{!lead.City}, " + "{!lead.PostalCode}, " + "{!lead.Country}";
 
varinfowindow = new google.maps.InfoWindow({
    content: "<b>{!lead.Name}</b><br>{!lead.Street}<br>{!lead.City}, {!lead.PostalCode}<br>{!lead.Country}"
  });
 
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: "{!lead.Name}"
        });
 
        //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 {
      $('#map').css({'height' : '15px'});
      $('#map').html('Oops! {!lead.Name}’s billing address could not be found, please make sure the address is correct.");
resizeIframe();
    }
  });
 
functionresizeIframe() {
var me = window.name;
if (me) {
variframes = 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>

Thanks in advance