0

My Vf page have 3 steps. And I'm try to show google map in step 3.

 <apex:PageBlockSection title="Google Maps" columns="2">
            <body> 
                <input id="pac-input" class="controls" type="text" placeholder="Search Box" value="{!Address}" autocomplete="on"/>              
                <div id="map"></div> 
            </body>
 </apex:PageBlockSection>

But when I open the 3rd step my map is blank. If I show google map in step 1, on load the map displays correctly.

What I'm missing for?

0

You could use apex:map to discuss google kind of map in Visualforce.

<apex:map width="500px" height="175px" zoomLevel="15" mapType="roadmap" 
            center="{!accountObj.ShippingStreet},{!accountObj.ShippingCity},{!accountObj.ShippingState}">
      <apex:mapMarker title="{!accountObj.Name}" 
        position="{!accountObj.ShippingStreet},{!accountObj.ShippingCity},{!accountObj.ShippingState}"/>
</apex:map> 

For more information, refer apex:map

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.