我想使用JS在Google地图上显示动态标记

时间:2020-02-27 12:50:18

标签: javascript jquery laravel-5

var locations = '<?php print_r(json_encode($locations)) ?>'
console.log(locations); 
var mymap = new GMaps({ 
el: '#mymap', 
lat: 31.5204, 
lng: 74.3587, 
zoom:6 }); 



mymap.addMarker({ 
lat: 31.5204, 
lng: 74.3587, 
click: function(e) { alert('This Is Lahore, Pakistan.'); } });

这是回应

[{"id":1,"user_id":2,"latitude":"37.33068424","longitude":"37.33063124","attacked_by":"1","created_at":"2020-02-09 00:00:00","updated_at":"2020-02-16 00:00:00"}]

如何使用此响应语言来添加多个指针?

1 个答案:

答案 0 :(得分:0)

您应该具有多个lan,lat坐标,以添加多个标记,如下所示。

[
   {"id":1,"user_id":2,"latitude":"37.33068424","longitude":"37.33063124","attacked_by":"1","created_at":"2020-02-09 00:00:00","updated_at":"2020-02-16 00:00:00"},
   {"id":1,"user_id":2,"latitude":"38.33068424","longitude":"38.33063124","attacked_by":"1","created_at":"2020-02-09 00:00:00","updated_at":"2020-02-16 00:00:00"},
   {"id":1,"user_id":2,"latitude":"39.33068424","longitude":"39.33063124","attacked_by":"1","created_at":"2020-02-09 00:00:00","updated_at":"2020-02-16 00:00:00"}
]