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?

Improve this question

1 Answer 1

Reset to default
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

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .