https://spaceonearth.org/index.php?action=history&feed=atom&title=Test%3AGeoJson-Article-Von-API 2026-05-02T18:29:27Z Versionsgeschichte dieser Seite in SpaceOnEarth MediaWiki 1.38.4 https://spaceonearth.org/index.php?title=Test:GeoJson-Article-Von-API&diff=341&oldid=prev 2022-04-04T14:35:16Z

<p>1 Version importiert</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="de"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. April 2022, 16:35 Uhr</td> </tr><tr><td colspan="2" class="diff-notice" lang="de"><div class="mw-diff-empty">(kein Unterschied)</div> </td></tr></table>

Axel https://spaceonearth.org/index.php?title=Test:GeoJson-Article-Von-API&diff=340&oldid=prev 2020-01-12T16:13:30Z

<p></p> <p><b>Neue Seite</b></p><div>{{#u:css|add|/images/m-dir/Test/Manual-GeoJson-Display/leaflet.css}}<br /> {{#u:js|load|/images/m-dir/Test/Manual-GeoJson-Display/leaflet.js}}<br /> {{#u:js|load|/images/m-dir/Test/Manual-GeoJson-Display/sample-geojson.js}}<br /> {{#u:js|add|<br /> var mJson;<br /> function mOnload() {<br /> console.log(&quot;mOnload&quot;);<br /> $.getJSON(&quot;https://spaceonearth.org/api.php?action=parse&amp;page=GeoJson:OliversGartenInLuebeck&amp;format=json&quot;,function(d,status){<br /> var re1=/&lt;script&gt;var GeoJson =(.*)/;<br /> var re2=/(.*);&lt;\/script&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;div id=&quot;GeoJsonMap&quot; style=&quot;width: 100%; height: 600px; background-color: #eeeeee; overflow: hidden;&quot; class=&quot;maps-map maps-leaflet maps-geojson-editor&quot;&gt;&lt;div class=&quot;maps-loading-message&quot;&gt;Die Karte wird geladen …&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;$/;<br /> json=d.parse.text[&#039;*&#039;].replace(re1,&#039;$1&#039;).replace(re2,&#039;$1&#039;);<br /> console.log(&quot;parse.text=&#039;&quot;+json+&quot;&#039;&quot;);<br /> mJ=JSON.parse(json);<br /> // console.log(&quot;mJ=&#039;&quot;+mJ.toSource()+&quot;&#039;&quot;);<br /> console.log(&quot;mJ.type=&#039;&quot;+mJ[&#039;type&#039;]+&quot;&#039;&quot;);<br /> //for (var mF in mJ[&#039;features&#039;]) { //fuer {}<br /> for (const mF of mJ[&#039;features&#039;]) { //fuer []<br /> console.log(&quot;mF.type=&#039;&quot;+mF.type+&quot;&#039;&quot;);<br /> }<br /> var map = L.map(&#039;map&#039;).setView([53.85925,10.72295], 19);<br /> L.tileLayer(&#039;https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw&#039;, {<br /> maxZoom: 18,<br /> attribution: &#039;Map data © OpenStreetMap contributors, &#039; +<br /> &#039;CC-BY-SA, &#039; +<br /> &#039;Imagery © Mapbox&#039;,<br /> id: &#039;mapbox/light-v9&#039;<br /> }).addTo(map);<br /> <br /> function onEachFeature(feature, layer) {<br /> var popupContent = &quot;I started out as a Hoxel GeoJSON&quot; +<br /> feature.geometry.type + &quot;, but now I&#039;m a Leaflet vector!&quot;;<br /> if (feature.properties &amp;&amp; feature.properties.popupContent) {<br /> popupContent += feature.properties.popupContent;<br /> }<br /> layer.bindPopup(popupContent);<br /> }<br /> var baseballIcon = L.icon({<br /> iconUrl: &#039;/images/m-dir/Test/Manual-GeoJson-Display/baseball-marker.png&#039;,<br /> iconSize: [32, 37],<br /> iconAnchor: [16, 37],<br /> popupAnchor: [0, -28]<br /> });<br /> <br /> L.geoJSON(mJ,{<br /> pointToLayer: function (feature, latlng) {<br /> return L.marker(latlng, {icon: baseballIcon});<br /> },<br /> onEachFeature: onEachFeature <br /> }).addTo(map);<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> });<br /> }<br /> window.onload=mOnload;<br /> }}<br /> {{#u:html|&lt;div id=&quot;map&quot; style=&quot;width:500px;height:500px&quot;&gt;x&lt;/div&gt;}}</div>

h_>Axel