如何显示一个标记的更多详细信息?

时间:2016-03-11 14:28:23

标签: php dictionary associations infowindow

我有什么: 标记由表单提交创建,表单包含邮政编码输入。以下javascript将采用此邮政编码并在谷歌地图上显示为标记。 (这是一个不同的页面)

page1.php (下面的代码)我有一个php数组,这个数组包含所有的infoWindow数据,javascript是创建地图,标记和inforwindows。

<?php 
  ..............
  $info= array();
  foreach($details as $d) {
    $info[] = "<div id='infoData'>".$d['name'].$d['quantity']."<button id='details' onclick='window.location.href= \\\"page2.php\\\"'>Detail</button>"."<div>";
  }
  //.........
?>   

以上代码是infoWindow上的所有内容。单击products数组中的那个按钮将转到page2.php

<script>          
  //...................
  function init() {
    var mapDiv = document.getElementById("map");
    var mapOptions = {
      center: new google.maps.LatLng(51.528308,-0.3817765),
      zoom: 12,
      mapTypeId: 'roadmap'
    };
    var map = new google.maps.Map(mapDiv, mapOptions);

    ///////////////add markers//////////
    var addressArray = ("abc", "def","xxx"), infoArray = (<?php echo $i; ?>);

    var geocoder = new google.maps.Geocoder();
    for (var i = 0, j=addressArray.length; i < j; i++) {
      var info = infoArray[i];
      geocoder.geocode({'address': addressArray[i]}, createCallback(info, map));
    } //callback function
  }

  function createCallback(info, map) {
    var callback = function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location,
            title: 'Click for more details'
        });
        //..................
   </script>

我想要实现的目标: page2.php我想在page1.php中显示infowindow按钮的更多详细信息。我该怎么做?任何提示??

我在第二页写了php代码,但我只是把所有记录都拿出来了, 刚刚单击的标记和page2记录之间没有关联。我怎样才能做到这一点?第二页不包含任何地图,只是纯文本数据。

1 个答案:

答案 0 :(得分:1)

在您的代码中,您可以传递要在page2.php上显示的记录的唯一键或ID,并使用$_GET方法获取该ID,并使用它来显示该标记的详细信息。

on page1.php

<?php 
  ..............
  $info= array();
  foreach($details as $d) {
    $info[] = "<div id='infoData'>".$d['name'].$d['quantity']."<button id='details' onclick='window.location.href= \\\"page2.php?marker=".$d['id']."\\\"'>Detail</button>"."<div>";
  }
  //.........
?>  

on page2.php

$infomarker = $_GET['marker'];

使用$infomarker获取所有详细信息。