将 PHP 数组传递给 Javascript

Question

我在 PHP 中有一个如下所示的数组

array(
    (int) 0 => array(
        'id' => '1',
        'name' => 'Mink7',
        'about' => 'Creative Design agency',
        'logo' => null,
        'lat' => '13.004870000000',
        'lng' => '77.576686084656'
    ),
    (int) 1 => array(
        'id' => '2',
        'name' => 'Bakasura',
        'about' => 'Live 2 Eat',
        'logo' => null,
        'lat' => '13.005643569006',
        'lng' => '77.577485382942'
    )
)

我做了什么。 我在 Header 中加载了 Function 并在 body 标记中写了以下内容。

<script type="text/javascript">
$(document).ready(function(){
        var startups = <?php echo json_encode($startups); ?>;
        $.each(startups, function(key, val) {
            markMe(val.lat, val.lng, val.name, val.description, val.logo);
        });
});
</script>

我收到以下错误

markMe 没有定义

markMe(val.lat, val.lng, val.name, val.description, val.logo);

附加到 HEAD 的 Javascript 文件。

// JavaScript Document
$(document).ready(function () {
    var map = new GMaps({
        div: '#map',
        lat: 13.00487,
        lng: 77.576729,
        zoom: 13,
    });

    /*
    GMaps.geolocate({
        success: function (position) {
            map.setCenter(position.coords.latitude, position.coords.longitude);
        },
        error: function (error) {
            alert('Geolocation failed: ' + error.message);
        },
        not_supported: function () {
            alert("Your browser does not support geolocation");
        },
        always: function () {
            //alert("Done!");
        }
    });
    */

    map.addControl({
        position: 'top_right',
        text: 'Geolocate',
        style: {
            margin: '5px',
            padding: '1px 6px',
            border: 'solid 1px #717B87',
            background: '#fff'
        },
        events: {
            click: function () {
                GMaps.geolocate({
                    success: function (position) {
                        map.setCenter(position.coords.latitude, position.coords.longitude);
                    },
                    error: function (error) {
                        alert('Geolocation failed: ' + error.message);
                    },
                    not_supported: function () {
                        alert("Your browser does not support geolocation");
                    }
                });
            }
        }
    });

    map.addMarker({
        lat: 13.00487,
        lng: 77.576729,
        title: 'Lima',
        icon: "http://i.imgur.com/3YJ8z.png",
        infoWindow: {
          content: '<p>HTML Content</p>'
        }
    });

    function markMe(lat, lng, name, description, logo){
        map.addMarker({
            lat: lat,
            lng: lng,
            title: name,
            icon: "http://i.imgur.com/3YJ8z.png",
            infoWindow: {
              content: description
            }
        });
    }

});

Answer 1

在 PHP 中查找 json_encode，并在 JavaScript 中使用 JSON.parse（如果您需要广泛的浏览器支持，则使用类似 jQuery.parseJSON 的库）

--更新后

而不是 function markMe(lat, lng, name, description, logo){

做： markMe = 函数（lat、lng、名称、描述、标志）{

这是因为在函数中声明的函数在该函数之外不可用

Answer 2

在回答 id 之前，我想指出我正在做一些假设。

1. 我假设上面的数组在php中
2. 我假设下面的函数是javascript

如果是这种情况，您只需将数组引用放入 javascript 函数中即可。

我猜测您的数据映射，我建议更好的方法是通过 php 构建整个函数并通过方法调用将其输出到屏幕，以使代码更易于阅读/理解

但是，通过猜测您的映射并在创建方法调用之前测试代码是否有效，我将使用类似这样的东西作为第一个 stab 运行。

<script type="text/javascript">
<?php
 foreach($array as $point)
 {
?>
 {
 map.addMarker({
  lat: <?php print $point["lat"]; ?>,
  lng: <?php print $point["lng"]; ?>,
  title: <?php print $point["name"]; ?>,
     icon: <?php if(!is_null($point["logo"]){ print $point["logo"];} ?>,
     infoWindow: {
       content: <?php print $point["about"]; ?>
     }
 });
 <?php } ?>
</script>

谢谢

尼古拉斯