Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/71.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 使用从mysql检索的标记显示google地图_Php_Mysql_Xml_Google Maps - Fatal编程技术网

Php 使用从mysql检索的标记显示google地图

Php 使用从mysql检索的标记显示google地图,php,mysql,xml,google-maps,Php,Mysql,Xml,Google Maps,我使用PHP和MYSQL从数据库中检索数据。我需要嵌入谷歌地图和绘图标记的基础上检索到的数据从MYSQL数据库 我能够从数据库中检索数据,并将其以XML格式显示在网页上但不显示谷歌地图 代码中的错误在哪里 我将感谢任何帮助 代码: 正文{字体系列:Verdana,Arial,Helvetica,无衬线;颜色:#000000;字体大小:13px;} #地图画布{宽度:100%;高度:100%;z索引:0;} //此javascript将在页面加载时加载。 jQuery(文档).ready(函数(

我使用PHP和MYSQL从数据库中检索数据。我需要嵌入谷歌地图和绘图标记的基础上检索到的数据从MYSQL数据库

我能够从数据库中检索数据,并将其以XML格式显示在网页上但不显示谷歌地图

代码中的错误在哪里

我将感谢任何帮助

代码:

正文{字体系列:Verdana,Arial,Helvetica,无衬线;颜色:#000000;字体大小:13px;}
#地图画布{宽度:100%;高度:100%;z索引:0;}
//此javascript将在页面加载时加载。
jQuery(文档).ready(函数($){
//初始化谷歌地图
var地理编码器;
var映射;
var-markersArray=[];
var-infos=[];
geocoder=新的google.maps.geocoder();
变量myOptions={
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
//将地图加载到Map_canvas div中
var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
//初始化一个变量,该变量将自动调整地图的大小,使其与正在打印的内容一致
var bounds=new google.maps.LatLngBounds();
//初始化编码字符串
var编码环;
//初始化将保存拆分字符串内容的数组
var stringArray=[];
//从隐藏输入中获取编码字符串的值
encodedString=document.getElementById(“encodedString”).value;
//将编码字符串拆分为一个数组,并分隔每个位置
stringArray=encodedString.split(“****”);
var x;
对于(x=0;x0){
infos[0]。设置(“标记”,空);
infos[0]。关闭();
infos.length=0;
}
}
});

您似乎正在从PHP中的DB创建一个HTML字符串。尝试创建googlemap JS希望看到的数据,您可以将其作为JSON对象,在PHP中很容易做到。不要试图用HTML显示DB数据,而是用JSON

在您的foreach中,首先尝试以下方法:

echo json_encode($row);
这应该会给你一个想法

然后看这里:

 //Create a new marker and info window
            marker = new google.maps.Marker({
                map: map,
                position: lat,
                //Content is what will show up in the info window
                content: addressDetails[0]
            });

我使用了json_encode($row),所以您要求用json_encode替换content:addressDetails[0]?我建议使用json_encode($row),这样您就可以可视化数据,并确定需要如何将其呈现给googlemaps JS。我建议您通读googlemaps API文档,因为您缺少相当多的allot,例如:“position:lat”是不正确的,它要求lat和longi将变量long添加到position中,但仍然存在相同的问题。我做了json_编码($row),我将编辑问题并为结果添加图像
 //Create a new marker and info window
            marker = new google.maps.Marker({
                map: map,
                position: lat,
                //Content is what will show up in the info window
                content: addressDetails[0]
            });