WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#26 27.04.2017 06:47:39

masju
Member

Re: OSM by Leaflet - droplet

bernd wrote:

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

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

Offline

#27 28.04.2017 13:24:30

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?

Offline

#28 28.04.2017 13:51:10

bernd
Developer

Re: OSM by Leaflet - droplet

Ne ... da hilft auch kein Popcorn  tongue
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 $ ...

Offline

Liked by:

florian

#29 28.04.2017 16:39:44

berny
Member

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.. ..

Online

Liked by:

florian

#30 28.04.2017 19:52:55

masju
Member

Re: OSM by Leaflet - droplet

(Sorry für OT)

berny wrote:

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 wink .
Mir war nicht klar, dass hier so ein Kleinkrieg herrscht.

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

Offline

#31 28.04.2017 19:58:56

masju
Member

Re: OSM by Leaflet - droplet

bernd wrote:

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 wink

Viele Grüße, masju  angel

Offline

#32 28.04.2017 20:12:42

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  yikes

Und nebenbei: hier herrscht kein Kleinkrieg ...


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

Offline

#33 29.04.2017 07:26:46

masju
Member

Re: OSM by Leaflet - droplet

bernd wrote:

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

Offline

Liked by:

florian, thanks

#34 04.05.2017 08:22:19

berny
Member

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;

Online

Liked by:

florian, masju

#35 08.05.2017 15:07:11

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"

Offline

#36 09.05.2017 07:47:21

berny
Member

Re: OSM by Leaflet - droplet

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

Last edited by berny (09.05.2017 07:47:53)

Online

#37 09.05.2017 10:21:33

evaki
Guest

Re: OSM by Leaflet - droplet

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

Last edited by evaki (09.05.2017 10:31:20)

#38 09.05.2017 14:32:01

berny
Member

Re: OSM by Leaflet - droplet

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

Online

#39 09.05.2017 15:02:29

florian
Administrator

Re: OSM by Leaflet - droplet

Bingo, das wars. So funktioniert es. Cool!

Offline

#40 09.05.2017 15:04:03

berny
Member

Re: OSM by Leaflet - droplet

Kannst den Code neu reinstellen....

Online

#41 09.05.2017 15:05:11

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;

Offline

Board footer

Powered by FluxBB

up