2018-06-05 16:50


  • marker
  • json
  • php
  • leaflet
  • jquery

I have a problem creating a marker on my leaflet map with coordinates from a json array.

json example:


(background info: this comes from a PHP file that fetches data from a database which updates the current position every 10 seconds)

The jquery code: It creates the map on my html and upon the "get_marker" click event it starts ajax which pulls a new json every 10 seconds from my .php file

$(document).ready(function () { 
            var map ='map', {
                center: [50.0231, 8.8849],
                zoom: 9
            L.tileLayer('http://{s}{z}/{x}/{y}.png', {
                attribution: '© OpenStreetMap contributors'

  alert("get marker clicked");

      alert("marker deleted");

function startajax () { 
  url: ('query_fetcharray.php'),
  data: {},
  type: 'POST',
  timeout: 10000,
  dataType: 'json',
  error: function() { 
    alert('Error, no Data received!');
  success: drawmarker

everything above seems to be working fine The Problem is getting the actual marker on the map with the json coordinates. Nothing shows up on my map.

I tried accessing the long and lat values with json.longitude/json.latitude and then converting these into float => then saved in JS variables: var longitude. I then put the varibles into the L.marker.

my code:

function drawmarker (json) {    
        var longitude = parseFloat(json.longitude);
        var latitude = parseFloat(json.latitude);

        L.marker([longitude, latitude], {
               clickable: true

The Problem seems to be the actual variables since hardcoding a set of coordinates into L.marker works fine.

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享