Javascript Wordpress php数组到js数组在google地图中使用

您好，我想使用php数组中存储的一些数据在google map api中使用，以填充地图中的多个位置

我使用循环来创建我的php数组。

结果:

Array ( [0] => Array ( [0] => title 1 [1] => -54.8949292 [2] => -56.1682769 [3] => 3175 [4] => http://localhost/wordpress/custom_post/title1/ ) [1] => Array ( [0] => title 2 [1] => -54.8617426 [2] => -56.1998983 [3] => 3174 [4] => http://localhost/wordpress/custom_post/title2/ ) [2] => Array ( [0] => title 3 [1] => -54.8617426 [2] => -56.1998983 [3] => 3169 [4] => http://localhost/wordpress/custom_post/title3/ ) )

我想在谷歌地图api中使用这些数据。我创建了这个map.js文件

jQuery('document').ready(function($){
        'use strict';
        // Google Maps

        function init() {
            // ***HERE I NEED TO PUT MY DATA***
            var locations = [
            ['title 1', -54.89942324, -56.13500564, "the_ID_of_title1","the permalink of title1"],
            ['title 2', -54.90618086, -56.17895096, "the_ID_of _title2","the permalink of title2"],
            ['title 3', -54.89379148, -56.1645314, "the_ID_of title3","the permalink of title3"],  
            ];

            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 12,
                center: new google.maps.LatLng(-54.85492175, -56.16659134),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

            var infowindow = new google.maps.InfoWindow();

            var marker, i;

            for (i = 0; i < locations.length; i++) {
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                    map: map,
                    clickable: true,
                    url:locations[i][4]
                });

                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        infowindow.setContent(locations[i][0]);
                        infowindow.open(map, marker);
                        window.location.href = marker.url;
                    }
                })(marker, i));
            }
        }

        google.maps.event.addDomListener(window, 'load', init);
});

jQuery（'document'）.ready（函数（$）{
"严格使用",；
//谷歌地图
函数init（）{
//***我需要在这里输入我的数据***
变量位置=[
[title 1'，-54.89942324，-56.13500564，“title 1的ID”，“title 1的permalink”]，
[title 2'，-54.90618086，-56.17895096，“title 2的ID”，“title 2的permalink”]，
[title 3'，-54.89379148，-56.1645314，“title 3的ID”，“title 3的永久链接”]，
];
var map=new google.maps.map（document.getElementById（'map'）{
缩放：12，
中心：新google.maps.LatLng（-54.85492175，-56.16659134），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infowindow=new google.maps.infowindow（）；
var标记，i；
对于（i=0；i

---

感谢高级

您可以使用json的序列化

var data  = JSON.parse('<?php echo(json_encode($locations_array));?>');

var data=JSON.parse（“”）；

jQuery('document').ready(function($){
        'use strict';
        // Google Maps

        function init() {
            // ***HERE I NEED TO PUT MY DATA***
            var locations = [
            ['title 1', -54.89942324, -56.13500564, "the_ID_of_title1","the permalink of title1"],
            ['title 2', -54.90618086, -56.17895096, "the_ID_of _title2","the permalink of title2"],
            ['title 3', -54.89379148, -56.1645314, "the_ID_of title3","the permalink of title3"],  
            ];

            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 12,
                center: new google.maps.LatLng(-54.85492175, -56.16659134),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

            var infowindow = new google.maps.InfoWindow();

            var marker, i;

            for (i = 0; i < locations.length; i++) {
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                    map: map,
                    clickable: true,
                    url:locations[i][4]
                });

                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        infowindow.setContent(locations[i][0]);
                        infowindow.open(map, marker);
                        window.location.href = marker.url;
                    }
                })(marker, i));
            }
        }

        google.maps.event.addDomListener(window, 'load', init);
});

var data  = JSON.parse('<?php echo(json_encode($locations_array));?>');