So I can get the data from MySQL with this Php query
while($row = mysql_fetch_assoc($dbquery)) {
$feature = array(
'type' => 'Feature',
'geometry' => array(
'type' => 'Point',
'coordinates' => array((float)$row['lng'], (float)$row['lat'])
),
'properties' => array(
'pano' => $row['pano']
//Other fields here, end without a comma
)
);
array_push($geojson['features'], $feature);
And when echoing the array with json_encode($geojson,JSON_NUMERIC_CHECK); the result is
{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[25.726231,66.498966]},"properties":{"pano":"81_1_0.html"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[25.723139,66.50158]},"properties":{"pano":"81_1_0.html"}}]};
But when I'm trying to get those into the LeafletJS map nothing shows up
var points = <?php echo json_encode($geojson, JSON_NUMERIC_CHECK); ?> ;
var geoJsonLayer = L.geoJson(points, {
pointToLayer: function (feature, latlng) {
var marker = L.circleMarker(latlng, geojsonMarkerOptions);
marker.on('click', function (e) {
var feature = e.target.feature;
var content = '<iframe width="665" height="650" frameborder="0" src="/' + feature.properties.pano + '">';
document.getElementById("event").innerHTML = content;
if (selectedMarker != false) {
selectedMarker.setStyle({
fillColor: "#ff7800"
});
}
marker.setStyle({
fillColor: "#000000"
});
selectedMarker = marker;
});
return marker;
}
});
markers.addLayer(geoJsonLayer);
What I'm doing wrong here?
Try below :-
var bicycleRental = {
"type": "FeatureCollection",
"features":[{
"type": "Feature",
"properties": {
"point_id": "m14885"
},
"geometry": {
"type": "Point",
"coordinates": [
101.52053833007812,
3.065117257466733
]
}
}
L.geoJson(bicycleRental, {
style: function (feature) {
return feature.properties && feature.properties.style;
},
onEachFeature: onEachFeature,
pointToLayer: function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 1.5,
fillColor: "#ffffff",
color: "#000",
weight: 0.8,
opacity: 0.5,
fillOpacity: 0.5
});
}
}).addTo(map);
shouldn't you be doing something like this
var points = JSON.parse(<?php echo json_encode($geojson, JSON_NUMERIC_CHECK); ?>);
otherwise points
will just be a string.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.