https://spaceonearth.org/index.php?action=history&feed=atom&title=Test%3AManual-GeoJson-Display 2026-05-02T18:34:26Z Versionsgeschichte dieser Seite in SpaceOnEarth MediaWiki 1.38.4 https://spaceonearth.org/index.php?title=Test:Manual-GeoJson-Display&diff=353&oldid=prev 2022-04-04T14:35:18Z

<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:Manual-GeoJson-Display&diff=352&oldid=prev 2020-01-12T12:42:23Z

<p></p> <p><b>Neue Seite</b></p><div>{{#u:css|add-o|/images/m-dir/Test/Manual-GeoJson-Display/leaflet.css}}<br /> {{#u:js|load-o|/images/m-dir/Test/Manual-GeoJson-Display/leaflet.js}}<br /> {{#u:js|load-o|/images/m-dir/Test/Manual-GeoJson-Display/sample-geojson.js}}<br /> {{#u:js|add-o|<br /> function mOnload() {<br /> var map = L.map(&#039;map&#039;).setView([39.74739, -105], 13);<br /> <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 &amp;copy; &lt;a href=&quot;https://www.openstreetmap.org/&quot;&gt;OpenStreetMap&lt;/a&gt; contributors, &#039; +<br /> &#039;&lt;a href=&quot;https://creativecommons.org/licenses/by-sa/2.0/&quot;&gt;CC-BY-SA&lt;/a&gt;, &#039; +<br /> &#039;Imagery © &lt;a href=&quot;https://www.mapbox.com/&quot;&gt;Mapbox&lt;/a&gt;&#039;,<br /> id: &#039;mapbox/light-v9&#039;<br /> }).addTo(map);<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 /> function onEachFeature(feature, layer) {<br /> var popupContent = &quot;&lt;p&gt;I started out as a &lt;a href=\&quot;http://Hoxel.org\&quot;&gt;Hoxel&lt;/a&gt; GeoJSON &quot; +<br /> feature.geometry.type + &quot;, but now I&#039;m a Leaflet vector!&lt;/p&gt;&quot;;<br /> <br /> if (feature.properties &amp;&amp; feature.properties.popupContent) {<br /> popupContent += feature.properties.popupContent;<br /> }<br /> <br /> layer.bindPopup(popupContent);<br /> }<br /> <br /> L.geoJSON([bicycleRental, campus], {<br /> <br /> style: function (feature) {<br /> return feature.properties &amp;&amp; feature.properties.style;<br /> },<br /> <br /> onEachFeature: onEachFeature,<br /> <br /> pointToLayer: function (feature, latlng) {<br /> return L.circleMarker(latlng, {<br /> radius: 8,<br /> fillColor: &quot;#ff7800&quot;,<br /> color: &quot;#000&quot;,<br /> weight: 1,<br /> opacity: 1,<br /> fillOpacity: 0.8<br /> });<br /> }<br /> }).addTo(map);<br /> <br /> L.geoJSON(freeBus, {<br /> <br /> filter: function (feature, layer) {<br /> if (feature.properties) {<br /> // If the property &quot;underConstruction&quot; exists and is true, return false (don&#039;t render features under construction)<br /> return feature.properties.underConstruction !== undefined ? !feature.properties.underConstruction : true;<br /> }<br /> return false;<br /> },<br /> <br /> onEachFeature: onEachFeature<br /> }).addTo(map);<br /> <br /> var coorsLayer = L.geoJSON(coorsField, {<br /> <br /> pointToLayer: function (feature, latlng) {<br /> return L.marker(latlng, {icon: baseballIcon});<br /> },<br /> <br /> onEachFeature: onEachFeature<br /> }).addTo(map);<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