This is a static archive of our old OpenStreetMap Help Site. Please post any new questions and answers at community.osm.org.

[umap] Troubles with maps being responsive

I have set up a map, and have defined the bounds to restrict my map to a specific area of my city. It seems to work in the editing environment, and in my basic website. However, when I start to reduce the size of my website browser, the map reduces size, but then it stretches the map out past the boundaries that I has set up. Can the mapping system not scale the map to keep it withing my bounds? When I view the website on my I-Phone, the map has scaled way past the bounds that I set up.

Thanks for any assistance on this issue.

Rich

umap bounds

asked 10 Jul '20, 20:20

RTemen
26●1●1●2
accept rate: 0%

edited 14 Jul '20, 08:05

scai ♦
33.3k●21●309●459

What method are you using to display the map?

(10 Jul '20, 20:54) InsertUser

I am using the provided iframe code supplied in the tools. My page is all HTML. Here is a section of the code at this point.

   <section>
        <h2>Popular Neighborhoods</h2>
        <p>
            Use this map to investigate properties available in
any of these most popular Northeast Valley Real Estate subdivisions.
        <iframe width=100% height="500" frameborder="0"
allowfullscreen src="//umap.openstreetmap.fr/en/map/northeast-phoenix-and-scottsdale_479075?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe>
See full screen
</section>

Let me know if this helps. I have been trying to experiment with the height and with parameters, but I am having no luck so far.

Thanks, Rich

(10 Jul '20, 21:34) RTemen