Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
wegbeschreibung [2019/04/25 06:21]
thomas Formatierung in Zwischenüberschriften wieder entfernt.
wegbeschreibung [2019/12/16 00:20] (aktuell)
erik
Zeile 78: Zeile 78:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​+<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​
 <script src="​https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​ <script src="​https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map1"​ style="​width:​500px;​height:​400px;"></​div>​ <div id="​map1"​ style="​width:​500px;​height:​400px;"></​div>​
Zeile 85: Zeile 85:
 function showMap(){ function showMap(){
   map = new OpenLayers.Map("​map1"​);​   map = new OpenLayers.Map("​map1"​);​
-  var mapnik = new OpenLayers.Layer.OSM(null,null,{tileOptions : {crossOriginKeyword:​ null}});+  var mapnik = new OpenLayers.Layer.OSM( 
 +    "​OpenStreetMap"​ 
 +    // Official OSM tileset as protocol-independent URLs 
 +    [ 
 +        '//​a.tile.openstreetmap.org/​${z}/​${x}/​${y}.png'​, 
 +        '//​b.tile.openstreetmap.org/​${z}/${x}/${y}.png',​ 
 +        '//​c.tile.openstreetmap.org/​${z}/​${x}/​${y}.png'​ 
 +    ],  
 +    null);
   map.addLayer(mapnik);​   map.addLayer(mapnik);​
   map.setCenter(new OpenLayers.LonLat(13.770546999999965,​51.05112).transform(new OpenLayers.Projection("​EPSG:​4326"​),​ new OpenLayers.Projection("​EPSG:​900913"​)),​ 16);   map.setCenter(new OpenLayers.LonLat(13.770546999999965,​51.05112).transform(new OpenLayers.Projection("​EPSG:​4326"​),​ new OpenLayers.Projection("​EPSG:​900913"​)),​ 16);
Zeile 104: Zeile 112:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ +<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ 
-<script src="http://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​+<script src="https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map2"​ style="​width:​500px;​height:​400px;"></​div>​ <div id="​map2"​ style="​width:​500px;​height:​400px;"></​div>​
 <script type="​text/​javascript">​ <script type="​text/​javascript">​
Zeile 129: Zeile 137:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ +<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ 
-<script src="http://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​+<script src="https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map31"​ style="​width:​500px;​height:​400px;"></​div>​ <div id="​map31"​ style="​width:​500px;​height:​400px;"></​div>​
 <script type="​text/​javascript">​ <script type="​text/​javascript">​
Zeile 154: Zeile 162:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ +<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ 
-<script src="http://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​+<script src="https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map3"​ style="​width:​500px;​height:​400px;"></​div>​ <div id="​map3"​ style="​width:​500px;​height:​400px;"></​div>​
 <script type="​text/​javascript">​ <script type="​text/​javascript">​
Zeile 179: Zeile 187:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ +<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ 
-<script src="http://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​+<script src="https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map4"​ style="​width:​500px;​height:​400px;"></​div>​ <div id="​map4"​ style="​width:​500px;​height:​400px;"></​div>​
 <script type="​text/​javascript">​ <script type="​text/​javascript">​
Zeile 203: Zeile 211:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ +<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ 
-<script src="http://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​+<script src="https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map5"​ style="​width:​500px;​height:​400px;"></​div>​ <div id="​map5"​ style="​width:​500px;​height:​400px;"></​div>​
 <script type="​text/​javascript">​ <script type="​text/​javascript">​
Zeile 226: Zeile 234:
 <​html>​ <​html>​
 <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​ <style type="​text/​css">​.olControlAttribution { bottom: 3px!important;​ }</​style>​
-<script src="http://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ +<script src="https://​www.openlayers.org/​api/​OpenLayers.js"></​script>​ 
-<script src="http://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​+<script src="https://​www.openstreetmap.org/​openlayers/​OpenStreetMap.js"></​script>​
 <div id="​map6"​ style="​width:​800px;​height:​600px;"></​div>​ <div id="​map6"​ style="​width:​800px;​height:​600px;"></​div>​
 <script type="​text/​javascript">​ <script type="​text/​javascript">​
  • wegbeschreibung.1556166088.txt.gz
  • Zuletzt geändert: 2019/04/25 06:21
  • von thomas