使用jQuery迭代JSON数组[高级自定义字段和JSON API创建的WP坐标]

Use jQuery to iterate through JSON array [WP coordinates created by Advanced Custom Fields and JSON API]

本文关键字：JSON 创建 API WP 坐标 自定义 迭代 jQuery 数组 使用 高级      更新时间：2023-09-26

我有一个自定义字段，称为坐标，在Wordpress帖子中创建一个谷歌地图。(我使用两个插件做到这一点:高级自定义字段和JSON API。)我最终得到一个JSON数组，如下所示:

{'"address'":'"425 Northern Ave Thunder Bay, ON'",'"lat'":48.3959003,'"lng'":-89.2453188,'"zoom'":16}
在我的脚本中，我像这样访问数组: 
var thisMap = JSON.parse(val.custom_fields.coordinates);

返回数组中的所有键:

    for ( val in thisMap ) {
        if (thisMap.hasOwnProperty(val)) {
        console.log(val);
    }

我得到:地址液化天然气纬度变焦

如何仅针对纬度和/或经度?(也就是说，我希望能够瞄准"48.3959003"或"-89.2453188"，所以我可以用它们来创建一个谷歌地图。)

你试过了吗?

var obj = JSON.parse('{'"address'":'"425 Northern Ave Thunder Bay, ON'",'"lat'":48.3959003,'"lng'":-89.2453188,'"zoom'":16}'); 
alert('latitude:'+obj.lat);

试试这个演示

它返回一个javascript对象，你可以直接访问它的属性

var val = "{'"address'":'"425 Northern Ave Thunder Bay, ON'",'"lat'":48.3959003,'"lng'":-89.2453188,'"zoom'":16}";    
var thisMap = JSON.parse(val);
console.log(thisMap);
console.log(thisMap.lat);
console.log(thisMap.lng);
相关文章：