Map is initially not rendered correctly in SAP HCP Web Application

6 posts / 0 new

Fri, 08/26/2016 - 05:15

mang

Hi there,

I inlcuded a map in my web app UI (<HBox> is similar to <div> in html):

When the window is drawn the map is only rendered in the top right corner and also the copyright information in the bottom right corner is not displayed. The mapquest logo and terms link is displayed.

When I resize the window. Everything is drawn correctly. Any idea how I could fix this problem?

Regards,

Sarah

P.S: I found that if I check the size of the map with map.getSize(), I get a size of (0,0) before resizing the window. After resize the map has a size.

Fri, 08/26/2016 - 05:50

MQBrianCoakley

If you're using the MapQuest

If you're using the MapQuest JavaScript sdk, the map size has to be set in pixels, not percentage, before the map is instantiated. Leaflet, with the MapQuest map tile plugin, is much better handling map size as a percentage.

Thu, 09/01/2016 - 08:07

(Reply to #2)

mang

Hi I am using the leaflet

Hi I am using the leaflet plugin and I also tried giving the size in pixel. the effect was the same. The map only did show after manually resizing the window.

Thu, 09/01/2016 - 08:12

(Reply to #3)

MQBrianCoakley

Is there a url where we can

Is there a url where we can see this happening?

Tue, 09/13/2016 - 00:23

(Reply to #4)

mang

Here's the URL:

https://biketrack-d061932trial.dispatcher.hanatrial.ondemand.com/?hc_reset

Tue, 09/13/2016 - 06:30

MQBrianCoakley

Make sure the map element is

Make sure the map element is visible and sized before the map is instantiated. If there is still an issue, try changing the map element to a div.