kevin/r2c
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

center marker leaflet

Browse Source
This commit is contained in:
figureslibres
2018-10-02 16:49:18 +02:00
parent 4accb14718
commit 39cc706e9a
1 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/r2c/js/script.js
+32 -24
View File
@@ -1,3 +1,6 @@
var _markers = {};
var _mymap = null;
function stopLinkext() { function stopLinkext() {
$('a.linkext').on('click', function(e) { $('a.linkext').on('click', function(e) {
e.preventDefault; e.preventDefault;
@@ -7,12 +10,12 @@ function stopLinkext() {
// Streetmap // Streetmap
function map(h_parts, markerObj) { function map(h_parts, markerObj) {
var mymap = L.map('mapid').setView([48.9367935,2.3569287], 17); _mymap = L.map('mapid').setView([48.9367935,2.3569287], 17);
setTimeout(mymap.invalidateSize.bind(map)); setTimeout(_mymap.invalidateSize.bind(map));
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18, maxZoom: 18,
id: 'mapbox.streets' id: 'mapbox.streets'
}).addTo(mymap); }).addTo(_mymap);
var LeafIcon = L.Icon.extend({ var LeafIcon = L.Icon.extend({
options: { options: {
@@ -21,7 +24,7 @@ function map(h_parts, markerObj) {
} }
}); });
var markers = {}; // var markers = {};
var greenIcon = new LeafIcon({iconUrl: 'user/themes/r2c/images/pointeur2.svg'}) var greenIcon = new LeafIcon({iconUrl: 'user/themes/r2c/images/pointeur2.svg'})
var id, targets; var id, targets;
for (var i = 0; i < dyn_data.mappoints.length; i++) { for (var i = 0; i < dyn_data.mappoints.length; i++) {
@@ -29,7 +32,7 @@ function map(h_parts, markerObj) {
targets2 = typeof dyn_data.mappoints[i].target != 'undefined' ? dyn_data.mappoints[i].target.split(',') : []; targets2 = typeof dyn_data.mappoints[i].target != 'undefined' ? dyn_data.mappoints[i].target.split(',') : [];
markers[id] = L.marker([dyn_data.mappoints[i].lat, dyn_data.mappoints[i].long], { _markers[id] = L.marker([dyn_data.mappoints[i].lat, dyn_data.mappoints[i].long], {
icon: greenIcon, icon: greenIcon,
targets:targets2 targets:targets2
}) })
@@ -41,30 +44,34 @@ function map(h_parts, markerObj) {
synchBloks(this.options.targets); synchBloks(this.options.targets);
}) })
.bindPopup(dyn_data.mappoints[i].title) .bindPopup(dyn_data.mappoints[i].title)
.addTo(mymap); .addTo(_mymap);
markers[id]._icon.id = id; _markers[id]._icon.id = id;
var cible = dyn_data.mappoints[i].target; var cible = dyn_data.mappoints[i].target;
markerObj = markers[id]; markerObj = _markers[id];
console.log('markerObj',markerObj); // console.log('markerObj',markerObj);
} }
}; };
function markerFunction(markers, h_parts){ function markerFunction(id){
var target = $('#streetmap.mCustomScrollbar'); console.log("markerFunction", id);
var href = target.find(markers); console.log("marker", _markers[id]);
console.log('marker', markers); _mymap.panTo(_markers[id].openPopup().getLatLng());
console.log('h_parts', h_parts);
// var target = $('#streetmap.mCustomScrollbar');
// var href = target.find(markers);
// console.log('marker', markers);
// console.log('h_parts', h_parts);
// console.log('href',href); // console.log('href',href);
// console.log('target',target); // console.log('target',target);
// var href = target.find(h_parts[0]); // var href = target.find(h_parts[0]);
h_part1 = h_parts[0]; // h_part1 = h_parts[0];
for (var i in markers){ // for (var i in markers){
if (markers == h_part1 ) { // if (markers == h_part1 ) {
console.log('true'); // console.log('true');
// markerV.openPopup(); //marche pas // // markerV.openPopup(); //marche pas
} // }
} // }
} }
// change mouse_event // change mouse_event
@@ -369,8 +376,8 @@ function synchBloks(targets, h_parts) {
h_parts = h.match(/^#(([^_]+)_(.+)$)/); h_parts = h.match(/^#(([^_]+)_(.+)$)/);
switch (h_parts[2]) { switch (h_parts[2]) {
case 'rct': case 'rct':
scrollBlockTo($('#recits.mCustomScrollbar'), h); scrollBlockTo($('#recits.mCustomScrollbar'), h);
break; break;
case 'int': case 'int':
scrollBlockTo($('#interviews.mCustomScrollbar'), h); scrollBlockTo($('#interviews.mCustomScrollbar'), h);
break; break;
@@ -379,7 +386,8 @@ function synchBloks(targets, h_parts) {
break; break;
case 'mp': case 'mp':
scrollBlockTo($('#streetmap.mCustomScrollbar'), h); scrollBlockTo($('#streetmap.mCustomScrollbar'), h);
markerFunction(h, h_parts); console.log('h_parts', h_parts);
markerFunction(h_parts[1]);
break; break;
case 'lk': case 'lk':
scrollBlockTo($('#links.mCustomScrollbar'), h); scrollBlockTo($('#links.mCustomScrollbar'), h);