WBCE CMS Forum

masju

Mitglied

Re: OSM by Leaflet - droplet

Und was das init im map-div anbelangt (was wohl den Javascript-Fehler verursacht): da sind wir wieder bei meinem Posting #9 und folgende

Okay, das init gehört hier eigentlich nicht rein, wird aber derzeit anscheinend überall korrekt interpretiert. Ich habe mal Firefox, Edge, IE und Chrome ausgetestet, bei allen vieren alles in Ordnung.

Viele Grüße, masju

florian

Administrator

Re: OSM by Leaflet - droplet

Schön, wie dieses Thema bei den "Kollegen" für WBCE-Bashing, Unterstellungen und persönliche Angriffe benutzt wird.
http://forum.websitebaker.org/index.php … #msg211079
Ganz großes Kino. Noch etwas Popcorn dazu?

---

Code allein macht nicht glücklich. Jetzt spenden!

bernd

Developer

Re: OSM by Leaflet - droplet

Ne ... da hilft auch kein Popcorn 
Kilometerlang über "regelkonform" und ach wie wichtig das ist schwadronieren und gleichzeitig onload in 'nem div empfehlen ...

(wo ist bitte der "Kopf-an-die-Wand-klatsch-Smiley")

---

... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

berny

Mitglied

Re: OSM by Leaflet - droplet

Schade dass ich keinen Copyright Vermerk hinzugefügt habe,.würde direkt berühmt werden ;-)

Aber auch nett, dass man fragt, ob man eine Veränderung hier Posten darf, nachdem man das drüben gepostet hatte.. ..

masju

Mitglied

Re: OSM by Leaflet - droplet

(Sorry für OT)

Aber auch nett, dass man fragt, ob man eine Veränderung hier Posten darf, nachdem man das drüben gepostet hatte.. ..

Ja, das macht >>man<< so weil es sich so gehört, das nannte man früher Netiquette .
Mir war nicht klar, dass hier so ein Kleinkrieg herrscht.

Viele Grüße und nix für ungut, masju

masju

Mitglied

Re: OSM by Leaflet - droplet

Kilometerlang über "regelkonform" und ach wie wichtig das ist schwadronieren und gleichzeitig onload in 'nem div empfehlen ...

Ähem (räusper), das onload im div ist keine Empfehlung von "drüben" gewesen sondern steht schon im Ursprungscode in Posting #1

Viele Grüße, masju 

bernd

Developer

Re: OSM by Leaflet - droplet

Ähem (räusper), das onload im div ist keine Empfehlung von "drüben" gewesen sondern steht schon im Ursprungscode in Posting #1 wink

Da muß ich aber mal zurück"räuspern".
Ja, im (nicht funktionierenden) Ursprungsposting  stand das onload im div. Das sich das aber im Verlauf der Diskussion geändert hat ist dir sicher entgangen. Und das:

<div id="map" onload="javascript:init();" style="height:'.$height.'px"></div>

stammt aus der Feder von Jacobi, wie du ja selbst in deinem Posting #23 schreibst 

Und nebenbei: hier herrscht kein Kleinkrieg ...

---

... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

masju

Mitglied

Re: OSM by Leaflet - droplet

Und nebenbei: hier herrscht kein Kleinkrieg ...

Okay, das war nicht klar genug geschrieben, ich meinte den Kleinkrieg zwischen den beiden Systemen.

Aber wir sollten die Diskussion darüber hier nun beenden und unsere Energie lieber woanders sinnvoller einsetzen.

Viele Grüße und danke für das Droplet.
masju

berny

Mitglied

Re: OSM by Leaflet - droplet

Hab ein Update gemacht
Jetzt kann man auch einen Kommentar hinzufügen.

Viel Spass.

// usage: [[osmkarte?lon=&lat=&zoom=&height=&comment=]]
// parameters:

$lon = isset($lon)? str_replace(',', '.', $lon) : 0;
$lat = isset($lat)? str_replace(',', '.', $lat) : 0;
$zoom = isset($zoom) ? intval($zoom) : 19;
$height = isset($height) ? intval($height) : 400;
$comment = isset($comment) ? $comment : '';

$content ="";
$content .=' <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<style>
   #map { height: '.$height.'px; }
   </style>    
   
   <script language="javascript">
      function init() {
      	 var map = L.map(\'map\');
      	 
         L.tileLayer(\'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\', {
            attribution: \'&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors\',
            maxZoom: 18
         }).addTo(map);
         map.attributionControl.setPrefix(\'Setup by <a href="http://www.best-data.at">best-data</a> | Powered by Leaflet\'); // Don\'t show the \'Powered by Leaflet\' text.

         var ort = new L.LatLng('.$lat.', '.$lon.'); // geographical point (longitude and latitude)
         map.setView(ort, '.$zoom.');
         var marker = L.marker(['.$lat.', '.$lon.']).addTo(map)';
         if($comment != '') {
         $content .= "
    		.bindPopup('".$comment."')
   		.openPopup()";
   		}
   		$content .= ';
               }
      window.onload = init();
   </script>
  <div id="map"></div>
    
    ';


return $content;

florian

Administrator

Re: OSM by Leaflet - droplet

Mit der aktualisierten Version des Droplets bekomme ich leider keine Karte, sondern nur die Konsolenmeldung "Map container not found"

---

Code allein macht nicht glücklich. Jetzt spenden!

berny

Mitglied

Re: OSM by Leaflet - droplet

Hab das onload im div entfernt...ev liegt's daran...
Welcher Browser? Bei mir im Ff ging's.. .

Beitrag geändert von berny (09.05.2017 08:47:53)

evaki

Gast

Re: OSM by Leaflet - droplet

OT: How do you add an onload event to an element
MfG. Evaki

Beitrag geändert von evaki (09.05.2017 11:31:20)

berny

Mitglied

Re: OSM by Leaflet - droplet

Florian, kannst du das div mal vor das Script setzen und testen?

florian

Administrator

Re: OSM by Leaflet - droplet

Bingo, das wars. So funktioniert es. Cool!

---

Code allein macht nicht glücklich. Jetzt spenden!

berny

Mitglied

Re: OSM by Leaflet - droplet

Kannst den Code neu reinstellen....

florian

Administrator

Re: OSM by Leaflet - droplet

// usage: [[osmkarte?lon=&lat=&zoom=&height=&comment=]]
// parameters:

$lon = isset($lon)? str_replace(',', '.', $lon) : 0;
$lat = isset($lat)? str_replace(',', '.', $lat) : 0;
$zoom = isset($zoom) ? intval($zoom) : 19;
$height = isset($height) ? intval($height) : 400;
$comment = isset($comment) ? $comment : '';

$content ="";
$content .=' <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<style>
   #map { height: '.$height.'px; }
   </style>    
   <div id="map"></div>
   <script language="javascript">
      function init() {
      	 var map = L.map(\'map\');
      	 
         L.tileLayer(\'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\', {
            attribution: \'&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors\',
            maxZoom: 18
         }).addTo(map);
         map.attributionControl.setPrefix(\'Setup by <a href="http://www.best-data.at">best-data</a> | Powered by Leaflet\'); // Don\'t show the \'Powered by Leaflet\' text.

         var ort = new L.LatLng('.$lat.', '.$lon.'); // geographical point (longitude and latitude)
         map.setView(ort, '.$zoom.');
         var marker = L.marker(['.$lat.', '.$lon.']).addTo(map)';
         if($comment != '') {
         $content .= "
    		.bindPopup('".$comment."')
   		.openPopup()";
   		}
   		$content .= ';
               }
      window.onload = init();
   </script>
  
    
    ';


return $content;

---

Code allein macht nicht glücklich. Jetzt spenden!