与谷歌的Javascript地图API使用JSON标记(Using JSON markers in

2019-09-17 04:27发布

我很新的节目,所以我有点害怕张贴。 但我一直在努力的东西,很可能很简单,对于大多数的你们两天我想我会尝试在这里...

我想创建的谷歌地图API的标记。

如果我硬编码的数据转换成JavaScript,类似这样的,它就像一个魅力。

var locations = [
['1 Bedroom House', 55.1111, -100.1111, 1, 'This house has 1 bedroom.'],
['2 Bedroom House', 56.1111, -100.1111, 2, 'This house has 2 bedrooms.'],
['3 Bedroom House', 57.1111, -100.1111, 3, 'This house has 3 bedrooms.'],
['4 Bedroom House', 58.1111, -100.1111, 4, 'This house has 4 bedrooms.']
];

我有一个JSON请求,并需要从那里获得,而不是标记数据。

在你说的话,我敢肯定,我的路要走就在这里......但是这是我的了:

var locations = new Array();

$.getJSON("[URL]", function(json) {
        for(var i = 0; i < json.houses.length; i++) {
            var name = json.houses[i].house.name;
            var markerlat = json.houses[i].house.lat;
            var markerlng = json.houses[i].house.lng;
            var description = json.houses[i].house.description;

locations[i] = new Array();
locations[i].push('\'' + name + '\', ' + markerlat + ', ' + markerlng + ', ' + i + ', ' + '\'' + description + '\'');

}
});

谢谢!

Answer 1:

通过查看你的代码的一部分,我不知道是否可以在没有单独的位置阵列来解决。

如果您扩展与以下类似的代码$ .getJSON函数的成功处理程序循环它可以工作:

new google.maps.Marker({
    position: new google.maps.LatLng(markerlat, markerlng),
    title: name,
    map: [id of the map canvas element]
    });

如果你想拥有的描述也可以,你必须听众附加到触发信息窗口的标记。 信息窗口叠加及其使用的更多细节可以从发现谷歌地图API文档站点 。



文章来源: Using JSON markers in Google Maps API with Javascript