Как показать карту OpenStreetMap в div? - PullRequest
Новая
       6

Как показать карту OpenStreetMap в div?

0 голосов
/ 29 сентября 2018

Как мне показать карту OpenStreetMap в (меньшем) div?

Я использую этот код: 

<html><body>
  <div id="mapdiv" width="500" height="300"></div>
  <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
  <script>
    map = new OpenLayers.Map("mapdiv");
    map.addLayer(new OpenLayers.Layer.OSM());

    var lonLat = new OpenLayers.LonLat(3.45, 51.5)
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );

    var zoom=13;

    var markers = new OpenLayers.Layer.Markers( "Markers" );
    map.addLayer(markers);

    markers.addMarker(new OpenLayers.Marker(lonLat));

    map.setCenter (lonLat, zoom);
  </script>
</body></html>

, но карта отображается полностью на веб-странице.

1 Ответ

0 голосов
/ 29 сентября 2018

Попробуйте с: 

<div id="mapdiv" style="width:500px; height:300px;"></div>
...