<html>
<head>
<title>Web App: Leaflet Map</title>
<script src="https://unpkg.com/leaflet@latest/dist/leaflet-src.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@latest/dist/leaflet.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
<script src="/b4j_ws.js"></script>
<script>
$( document ).ready(function() {
b4j_connect("/ws");
});
</script>
</head>
<body>
<h1>Web App: Leaflet Map example</h1>
<p>
<input type="radio" name="goto" value="0" checked>Anywhere Software<br/>
<input type="radio" name="goto" value="1">eurojams last exit<br/>
<button id="btngoto">GoTo</button>
</p>
<div id="map" style="width: 600px; height: 400px"></div>
</body>
<script>
var map = L.map("map").setView([46.947, 7.4448], 12);
L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
function gtlatlon(lat, lon, zoom, txt) {
map.setView([lat, lon], zoom); // The function goto latlon
L.marker([lat, lon]).addTo(map).bindPopup(txt).openPopup();
}
var marker = new L.Marker([46.947, 7.4448]).on('click', markerOnClick).addTo(map);
function markerOnClick(e)
{
alert("hi. you clicked the marker at " + e.latlng);
}
</script>
</html> function markerOnClick(e)
{
alert("hi. you clicked the marker at " + e.latlng);
b4j_raiseEvent("markerOnClick_Click", {"latlng" : e.latlng });
}Sub markerOnClick_Click (Params As Map)
Log(Params.Get("latlng"))
End Sub
jsfiddle.net
www.b4x.com
Buenas tardes, perdon por escribir en un hilo antiguo, pero tengo una consulta con respecto a este tema, cuando tomo este ejemplo de trabajar con mapas, y hago click sobre el maker, este trae al b4j en el evento las coordenadas perfectamente, ahora si el maker tiene el texto expuesto por encima, es como que el evento click es sobre ese bindpopup y no sobre el maker, y no logro hacer que el b4j lea las coordenadas del maker, o no se como resolverlo! Gracias.3.- veremos cuando tienes varios marcadores en el map y deseas saber a cual se hizo clic.
como este ejemplo:
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Pero creo que ya tienes una idea de como poder hacerlo..
esta todo en b4j_raiseEvent que llama a los eventos de servidor b4j
