---
title: "Stockholmskarta med OpenLayers"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/189717-stockholmskarta-med-openlayers"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "nicclas"
published: "2012-05-04T09:30:22.000Z"
updated: "2012-05-04T09:30:22.000Z"
replies: 0
views: 790
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/189717-stockholmskarta-med-openlayers"
---

# Stockholmskarta med OpenLayers

## #1 — nicclas, 2012-05-04T09:30Z

Jag vill visa en Stockholms-karta med Javascript-biblioteket OpenLayers (<https://www.openlayers.org>). Jag tänkte använda kartan som finns på open.stockholm.se, och som finns beskriven här: <http://openmap.stockholm.se/bios/site/Spec_openmap/Teknisk%20specifikation%20SBK%20WMS.pdf>

Jag har försökt med nedanstående HTML-sida, men ingen karta syns. Om jag provar med kartdata från osgeo så ser det ut att fungera. Vad kan vara fel? HTML-sidan finns upplagd på reslogg.se/map.php

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN">
    <head>
<style>
html,body {
    height: 99%;
    width: 99%;
  }
#map {
    width: 100%;
height: 100%;
border: 1px solid black;
}
</style>
<script src='http://openlayers.org/api/OpenLayers.js'></script>
</head>
<body>
<div id='map'></div>
<script type="text/javascript">
var options = {
    projection: "EPSG:4326",
    center: new OpenLayers.LonLat(18.06393, 59.33215),
    resolutions: [0.0020671328929113275, 0.0010335664464556638, 5.167832232278319E-4, 2.5839161161391594E-4, 1.2919580580695797E-4, 6.459790290347898E-5, 3.229895145173949E-5, 1.6149475725869746E-5, 8.074737862934873E-6, 4.0373689314674365E-6, 2.0186844657337183E-6]
};
var map = new OpenLayers.Map('map',options);
var sthlmURL = "http://openmap.stockholm.se/bios/wms/app/baggis/web/WMS_STHLM_STOCKHOLMSKARTA_GRA_FORENKLAD?";
var worldURL = "http://vmap0.tiles.osgeo.org/wms/vmap0?"
var m1 = new OpenLayers.Layer.WMS('MyMAP',worldURL, {layers: 'basic'} ); // OK
var m2 = new OpenLayers.Layer.WMS('MyMAP',sthlmURL, {layers: 'stockholmskarta_gra_forenklad', type: 'png', tiled: 'TRUE'} ); // not OK !?
map.addLayer(m2);
</script>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/189717

---

Tråden på webben: https://www.webforum.nu/amne/javascript/189717-stockholmskarta-med-openlayers
