2016-10-29 15:07:15 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset=utf-8 />
|
2017-09-25 20:23:09 +00:00
|
|
|
<title>Mapa tupale.co</title>
|
2016-10-29 15:07:15 +00:00
|
|
|
|
2017-09-25 19:39:39 +00:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
|
2016-10-29 15:07:15 +00:00
|
|
|
|
2017-09-25 19:39:39 +00:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
|
2016-10-29 15:07:15 +00:00
|
|
|
<style>
|
|
|
|
|
body { margin:0; padding:0; }
|
|
|
|
|
#map {width: 100%;height: 280px;}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='map'></div>
|
|
|
|
|
<?php
|
2017-09-26 15:06:06 +00:00
|
|
|
if ($_REQUEST['lat'] !='') {$lat=$_REQUEST['lat'];}else {$lat= "-72";}
|
|
|
|
|
if ($_REQUEST['lon'] !='') {$lon=$_REQUEST['lon'];}else {$lon= "4";}
|
2017-11-02 14:00:23 +00:00
|
|
|
if ($_REQUEST['zoom'] !='') {$zoom=$_REQUEST['zoom'];}else {$zoom= "18";}
|
2016-10-29 15:07:15 +00:00
|
|
|
|
2017-11-02 14:00:23 +00:00
|
|
|
if($zoom <1) {$zoom ='12';}
|
2016-10-29 15:07:15 +00:00
|
|
|
?>
|
|
|
|
|
<script>
|
2017-11-02 14:00:23 +00:00
|
|
|
var map = L.map('map').setView([<?php echo $lon ?>, <?php echo $lat ?>], <?php echo $zoom ?>);
|
2016-10-29 15:07:15 +00:00
|
|
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
|
2017-04-14 00:19:50 +00:00
|
|
|
<?php
|
2017-09-25 19:39:39 +00:00
|
|
|
if(!isset($_REQUEST['exif'])) { ?>
|
|
|
|
|
|
2017-04-27 01:11:59 +00:00
|
|
|
function onLocationFound(e) {
|
2016-10-29 15:07:15 +00:00
|
|
|
var radius = e.accuracy / 2;
|
|
|
|
|
var marker = L.marker(e.latlng,{draggable: true}).addTo(map)
|
2017-04-27 01:11:59 +00:00
|
|
|
L.circle(e.latlng, radius).addTo(map);
|
|
|
|
|
var mapa = window.parent.document.getElementById('<?php echo $_REQUEST[id]?>');
|
2017-11-02 14:00:23 +00:00
|
|
|
//var m = e.latlng;
|
|
|
|
|
map.setView([e.latlng.lat,e.latlng.lng], <?php echo $zoom ?>);
|
2016-10-29 15:07:15 +00:00
|
|
|
marker.on('dragend', ondragend);
|
|
|
|
|
ondragend();
|
2017-11-02 14:00:23 +00:00
|
|
|
//var z = 12;
|
2016-10-29 15:07:15 +00:00
|
|
|
function ondragend() {
|
|
|
|
|
var m = marker.getLatLng();
|
|
|
|
|
var z = map.getZoom();
|
2017-11-02 14:00:23 +00:00
|
|
|
if (z < '1' ) { var z = '12' ; }
|
2016-10-29 15:07:15 +00:00
|
|
|
mapa.value= m.lng+' '+m.lat+' '+z;
|
2017-04-27 01:11:59 +00:00
|
|
|
}
|
2017-09-25 20:23:09 +00:00
|
|
|
|
2016-10-29 15:07:15 +00:00
|
|
|
}
|
2017-11-02 14:00:23 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2017-04-27 01:11:59 +00:00
|
|
|
function onLocationError(e) {
|
2017-09-25 19:39:39 +00:00
|
|
|
|
|
|
|
|
|
2016-10-29 15:07:15 +00:00
|
|
|
var marker = L.marker([<?php echo $lon ?>,<?php echo $lat ?>],{draggable: true}).addTo(map);
|
|
|
|
|
var mapa = window.parent.document.getElementById('<?php echo $_REQUEST[id]?>');
|
2017-09-25 19:39:39 +00:00
|
|
|
map.setView([<?php echo $lon ?>, <?php echo $lat ?>], <?php echo $zoom ?>);
|
2016-10-29 15:07:15 +00:00
|
|
|
marker.on('dragend', ondragend);
|
|
|
|
|
ondragend();
|
|
|
|
|
function ondragend() {
|
|
|
|
|
var m = marker.getLatLng();
|
|
|
|
|
var z = map.getZoom();
|
|
|
|
|
mapa.value= m.lng+' '+m.lat+' '+z;
|
2017-04-27 01:11:59 +00:00
|
|
|
}
|
2017-04-14 00:35:22 +00:00
|
|
|
}
|
2017-11-02 14:00:23 +00:00
|
|
|
map.on('locationfound', onLocationFound);
|
|
|
|
|
map.on('locationerror', onLocationError);
|
|
|
|
|
|
2017-09-25 19:39:39 +00:00
|
|
|
|
|
|
|
|
map.locate({setView: true, maxZoom: 16});
|
2017-11-02 14:00:23 +00:00
|
|
|
|
2017-09-25 19:39:39 +00:00
|
|
|
<?php } else{?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var marker = L.marker([<?php echo $lon ?>,<?php echo $lat ?>],{draggable: true}).addTo(map);
|
|
|
|
|
var mapa = window.parent.document.getElementById('<?php echo $_REQUEST[id]?>');
|
2017-09-25 20:23:09 +00:00
|
|
|
|
2017-09-25 19:39:39 +00:00
|
|
|
map.setView([<?php echo $lon ?>, <?php echo $lat ?>], <?php echo $zoom ?>);
|
2017-09-25 20:23:09 +00:00
|
|
|
marker.on('dragend', ondragend);
|
|
|
|
|
ondragend();
|
|
|
|
|
function ondragend() {
|
|
|
|
|
var m = marker.getLatLng();
|
|
|
|
|
var z = map.getZoom();
|
|
|
|
|
mapa.value= m.lng+' '+m.lat+' '+z;
|
|
|
|
|
}
|
2017-09-25 19:39:39 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php }?>
|
|
|
|
|
|
2016-10-29 15:07:15 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
