javascript - 将 PHP 数组传递给 Google map 标记 (Javascript)

Question

我将数据存储到 php 数组中，并尝试将其传递给 javascript 以使谷歌地图显示 php 数组中的所有点。下面是 php 代码(简化版)和 google map 的 javascript 代码。

-----PHP代码--------

foreach(json_decode($response)->data as $item){ 
$name= $item->user->name;
   $latitude = $item->latitude;
   $longitude = $item->longitude;
$Array[$count] = array('name'=>$name,'lat'=>$latitude, 'long'=>$longitude, 'rgb'=>$count);
$js_array = json_encode($Array);
$count++;}

-----javascript

<script type="text/javascript">   
 var locations = <?php echo $js_array;?>;    
var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  center: new google.maps.LatLng(-33.92, 151.25),
  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
  });

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

更新了 JavaScript

var locations = <?php echo json_encode($js_array);?>;

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  center: new google.maps.LatLng(<?php echo $latitude;?>, <?php echo $longitude;?>),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

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

var marker, i;

for (i = 0; i < locations.length; i++) {  
console.log(locations[i].lat);
    marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i].lat, locations[i].long),
    map: map
  });

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i].name);
      infowindow.open(map, marker);
    }
  })(marker, i));
}

Answer 1

在更新的 JavaScript 中，您需要删除 json_encode(已存在于 PHP 中)。你已经做了两次了。