Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function filterLines(url2) {
- var lineLayer = new L.GeoJSON.AJAX(url2, {
- pointToLayer: function (feature, latlng) {
- if (feature.properties.type == 'Marker') {
- return L.marker(latlng, {icon: icon[feature.properties.icon]});
- } else {
- return L.marker(latlng, {icon: lineMarker});
- }
- L.circleMarker(latlng, geojsonMarkerOptions);
- }, style: myStyle, onEachFeature: lineDirection
- }).on('click', lineOnClick).showMeasurements().addTo(linesGroup);
- }
- function lineOnClick(e){
- if (e.layer.feature.geometry.type == 'Point' && e.layer.feature.properties.type != 'Marker') {
- var point = e.layer.feature.properties.id;
- var pointLatLng = e.latlng;
- popup.setContent("<b>Type: </b>" + e.layer.feature.properties.lineType + "<br><a href='#' onclick="loadDoc('line?m=lineMarkerForm&id=" + e.layer.feature.properties.lineLatLngID + "&type=" + e.layer.feature.properties.lineTypeID + "', 'onscreenForm', 'osfBody');"><img src='<?php $db->baseurl ?>img/map/plus.png'></a><br><b>Notes: </b>" + e.layer.feature.properties.notes + "<br><a href='#' onclick="loadDoc('line?m=lineForm&id=" + e.layer.feature.properties.lineID + "', 'onscreenForm', 'osfBody');"><img src='<?php $db->baseurl ?>img/map/edit.png'></a><a href='#' onclick='forkLineFunc(" + point + ", " + pointLatLng.lat + ", " + pointLatLng.lng + ")'><img src='<?php $db->baseurl; ?>img/fork.png'></a>");
- window.popup.setLatLng(e.latlng);
- window.popup.openOn(map);
- } else if(e.layer.feature.geometry.type == 'Point' && e.layer.feature.properties.type == 'Marker'){
- var point = e.layer.feature.properties.id;
- var pointLatLng = e.latlng;
- popup.setContent("<b>ID: </b>"+e.layer.feature.properties.id+"<br><b>Type: </b>" + e.layer.feature.properties.markerType + "<br><b>Notes: </b>" + e.layer.feature.properties.notes + "<br><a href='#' onclick="loadDoc('line?m=lineMarkerForm&id=" + e.layer.feature.properties.id + "&type=" + e.layer.feature.properties.lineTypeID + "', 'onscreenForm', 'osfBody');"><img src='<?php $db->baseurl ?>img/map/edit.png'></a><a href='#' onclick='forkLineFunc(" + point + ", " + pointLatLng.lat + ", " + pointLatLng.lng + ")'><img src='<?php $db->baseurl; ?>img/fork.png'></a>");
- window.popup.setLatLng(e.latlng);
- window.popup.openOn(map);
- } else if (e.layer.feature.geometry.type == 'LineString') {
- popup.setContent("<b>Type: </b>"+e.layer.feature.properties.lineType+"<br><b>Notes: </b>"+e.layer.feature.properties.notes+"<br><b>Approx Length: </b>"+e.layer.feature.properties.totalDistance.toFixed(1)+"m");
- window.popup.setLatLng(e.latlng);
- window.popup.openOn(map);
- }
- }
- function lineDirection(feature, layer) {
- var layerType = layer.feature.geometry.type;
- if (layerType == 'Point'){
- } else if (layerType == 'LineString') {
- if(feature.properties.direction == 'Normal') {
- L.polylineDecorator(layer, {
- patterns: [
- {
- offset: 10,
- repeat: 40,
- symbol: L.Symbol.arrowHead({
- pixelSize: 12,
- pathOptions: {fillOpacity: 1, weight: 0, color: lineColour}
- })
- }
- ]
- }).addTo(linesGroup);
- }
- if(feature.properties.direction == 'Reversed'){
- L.polylineDecorator(layer, {
- patterns: [
- {offset: 10, repeat: 40, symbol: L.Symbol.reverseArrow({pixelSize: 12, pathOptions: {fillOpacity: 1, weight: 0, color: lineColour}})}
- ]
- }).addTo(linesGroup);
- }
- } else {
- // do something else, not needed yet...
- }
- }
Add Comment
Please, Sign In to add comment