Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/252.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在Google地图的“信息内容”窗口中显示从MYSQL数据库检索到的值_Php_Mysql_Google Maps_Google Maps Markers_Infowindow - Fatal编程技术网

Php 在Google地图的“信息内容”窗口中显示从MYSQL数据库检索到的值

Php 在Google地图的“信息内容”窗口中显示从MYSQL数据库检索到的值,php,mysql,google-maps,google-maps-markers,infowindow,Php,Mysql,Google Maps,Google Maps Markers,Infowindow,我在wordpress上使用PHP和MYSQL从包含坐标的数据库中检索数据,并在Google地图上显示标记 标记显示在地图上,信息窗口包含坐标 我想从数据库中检索更多信息,并将其包含在“信息”窗口中 在调试模式下,当我取消注释时,它会显示我要添加到信息窗口的信息,标记将不会显示 代码: 自定义标记 /*始终明确设置贴图高度以定义div的大小 *包含映射的元素*/ #地图{ 高度:600px; } /*可选:使示例页面填充窗口*/ html,正文{ 身高:100%; 保证金:0; 填充:0;

我在wordpress上使用PHP和MYSQL从包含坐标的数据库中检索数据,并在Google地图上显示标记

标记显示在地图上,信息窗口包含坐标

我想从数据库中检索更多信息,并将其包含在“信息”窗口中

在调试模式下,当我取消注释时,它会显示我要添加到信息窗口的信息,标记将不会显示

代码:

自定义标记
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
高度:600px;
}
/*可选:使示例页面填充窗口*/
html,正文{
身高:100%;
保证金:0;
填充:0;
}
var映射,当前弹出窗口;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:8,
中心:新google.maps.LatLng(33.888630,35.495480),
mapTypeId:“路线图”
});
iconBase变量https://maps.google.com/mapfiles/kml/shapes/';
变量图标={
停车场:{
图标:iconBase+“parking\u lot\u maps.png”
},
图书馆:{
图标:iconBase+“library_maps.png”
},
信息:{
图标:iconBase+“info-i_maps.png”
}
};
功能添加标记(功能){
var marker=new google.maps.marker({
位置:feature.position,
//我需要在这里添加信息
//图标:图标[feature.type]。图标,
地图:地图
});
var popup=new google.maps.InfoWindow({
内容:feature.position.toString(),
//或者这里是信息
最大宽度:300
});
google.maps.event.addListener(标记“单击”,函数(){
如果(currentPopup!=null){
currentPopup.close();
currentPopup=null;
}
弹出。打开(地图、标记);
当前弹出=弹出;
});
google.maps.event.addListener(弹出窗口“closeclick”,函数(){
潘托地图(中);
currentPopup=null;
});
}
变量特征=[
{
位置:新google.maps.LatLng(,),
//信息:,
}
];
for(变量i=0,特征;特征=特征[i];i++){
添加标记(特征);
}
}


其中AM001是MYSQL数据库中的第一个站点ID

假设您希望我们使用sietID作为信息

            var features = [
          <?php
            global $wpdb;
              $prependStr ="";
              foreach( $wpdb->get_results("SELECT siteID, latitude, longitude FROM site_coordinates2", OBJECT) as $key => $row) {
                 $latitude = $row->latitude;
                 $longitude = $row->longitude;
                 $info = $row->siteID;
             echo $prependStr;
         ?>
  {
      position: new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>),
      info:<?php echo $info;?>,

  }
  <?php
  $prependStr =",";
  }
  ?>
          ];

我绑定了你的答案它不起作用标记消失我将编辑我的答案并包括控制台中显示的错误
            var features = [
          <?php
            global $wpdb;
              $prependStr ="";
              foreach( $wpdb->get_results("SELECT siteID, latitude, longitude FROM site_coordinates2", OBJECT) as $key => $row) {
                 $latitude = $row->latitude;
                 $longitude = $row->longitude;
                 $info = $row->siteID;
             echo $prependStr;
         ?>
  {
      position: new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>),
      info:<?php echo $info;?>,

  }
  <?php
  $prependStr =",";
  }
  ?>
          ];
  var popup = new google.maps.InfoWindow({
                content: feature.position.toString() + ' my info siteID: ' + feature.info ,
              //or here   the info             
                maxWidth: 300
            });