Jquery 如何在传单地图上更新和生成标记?
我刚刚发现了这张传单,将用它代替谷歌地图。我有一个API,我希望从中生成和更新地图标记(或者,我将有多个标记)。我这儿有一把小提琴,我一直在用它。问题是,我似乎无法修复从API获取JSON,然后更新映射并在其上放置标记的函数。我有一大堆代码,所以请看我的附件:。是答案,由于跨域限制,我无法进行Ajax调用,因此我在代码中实例化了您的json,但这在任何方面都非常简单 这是修改后的JSJquery 如何在传单地图上更新和生成标记?,jquery,ajax,json,api,map,Jquery,Ajax,Json,Api,Map,我刚刚发现了这张传单,将用它代替谷歌地图。我有一个API,我希望从中生成和更新地图标记(或者,我将有多个标记)。我这儿有一把小提琴,我一直在用它。问题是,我似乎无法修复从API获取JSON,然后更新映射并在其上放置标记的函数。我有一大堆代码,所以请看我的附件:。是答案,由于跨域限制,我无法进行Ajax调用,因此我在代码中实例化了您的json,但这在任何方面都非常简单 这是修改后的JS init(); //Calls the "grab my locayion" funcyion function
init(); //Calls the "grab my locayion" funcyion
function init() {
var map = L.map('map', {
center: [51.505, -0.09],
zoom: 13
})
L.tileLayer('http://{s}.tile.cloudmade.com/1fa9625d371549a298938509a2eac256/997/256/{z}/{x}/{y}.png').addTo(map);
var drivers =
[{
"name": "Jack Billström",
"profileId": "3",
"facebook_id": "100000650223192",
"email": "jack@codele.se",
"phone": "727396760",
"kikId": "jackiboi95",
"currentLat": "62.457201",
"currentLon": "17.350931",
"isDriver": "1"
}, {
"name": "John Doe",
"profileId": "2",
"facebook_id": "0",
"email": "johndoe@codele.se",
"phone": "700000000",
"kikId": "johndoe",
"currentLat": "62.442671",
"currentLon": "17.338829",
"isDriver": "1"
}, {
"name": "Andreas Ekström",
"profileId": "1",
"facebook_id": "didair",
"email": "didair@msn.com",
"phone": "739620011",
"kikId": "didair",
"currentLat": "62.457201",
"currentLon": "17.350931",
"isDriver": "1"
}
];
for (var i=0;i<drivers.length;i++)
{
var driver=drivers[i];
var m = L.marker(new L.LatLng(driver.currentLat,driver.currentLon)).addTo(map)
.bindPopup("<center><b>"+driver.name +"</b></center>").openPopup();
}
}
// API-URL: http://blackcab.didair.se/api/drivers
init()//调用“抓住我的位置”功能
函数init(){
var map=L.map('map'{
中间:[51.505,-0.09],
缩放:13
})
L.tileLayer('http://{s}.tile.cloudmake.com/1fa9625d371549a2998938509a2eac256/997/256/{z}/{x}/{y}.png').addTo(地图);
变量驱动程序=
[{
“姓名”:“Jack Billström”,
“profileId”:“3”,
“facebook_id”:“100000650223192”,
“电子邮件”:jack@codele.se",
“电话”:“727396760”,
“kikId”:“jackiboi95”,
“currentLat”:“62.457201”,
“currentLon”:“17.350931”,
“ISDRIVE”:“1”
}, {
“姓名”:“约翰·多伊”,
“profileId”:“2”,
“facebook_id”:“0”,
“电子邮件”:johndoe@codele.se",
“电话”:“70000000”,
“kikId”:“johndoe”,
“currentLat”:“62.442671”,
“currentLon”:“17.338829”,
“ISDRIVE”:“1”
}, {
“姓名”:“Andreas Ekström”,
“profileId”:“1”,
“facebook_id”:“didair”,
“电子邮件”:didair@msn.com",
“电话”:“739620011”,
“kikId”:“didair”,
“currentLat”:“62.457201”,
“currentLon”:“17.350931”,
“ISDRIVE”:“1”
}
];
for(var i=0;iThanks@varun!救生员!