Question

I tried to add this script to my html page: (its a temporary link, it is removed) (this script works fine alone, it is not showing the map when I add it to my html)

It calculates the distance and shows the result but the map is not showing.

The city textbox below departure is address1 and the city textbox below arrival is address2. The map is suppose to show in the div tag with id: map_canvas but it is not showing. I tried adding and removing form tag, changing the layout and so on but nothing worked.

I would be glad if anyone could help me fix this.

Thanks!

Answer 1

It’s your height-setting. Try

  <div id="map_canvas" style="width:100%; height:500px;"></div>

See also this jsFiddle