使用PHP和MySQL在Google地图上显示多个标记_Php_Mysql_Google Maps_Google Maps Api 3

使用PHP和MySQL在Google地图上显示多个标记

php mysql google-maps google-maps-api-3

使用PHP和MySQL在Google地图上显示多个标记,php,mysql,google-maps,google-maps-api-3,Php,Mysql,Google Maps,Google Maps Api 3,我尝试使用PHP和MySQL在Google地图上显示多个标记。下面的代码使用PHP连接到数据库以获取纬度和经度问题是地图没有显示，但一旦我删除这一行，它就可以在没有标记的情况下工作：“var liste_des_points=[]；”。我认为问题在于PHP格式请帮我做这个 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOC

我尝试使用PHP和MySQL在Google地图上显示多个标记。下面的代码使用PHP连接到数据库以获取纬度和经度

问题是地图没有显示，但一旦我删除这一行，它就可以在没有标记的情况下工作：

“var liste_des_points=[]；”

。我认为问题在于PHP格式

请帮我做这个

     <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
     <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <?php

     $connexion=mysql_connect("localhost", "root", "") or die(mysql_error());
     mysql_select_db("survey",$connexion) or die(mysql_error());

     $result = mysql_query("SELECT latitude, longitude FROM appreciation order by id");


     $listeDesPoints='';
     while($row = mysql_fetch_array($result)){
     if($listeDesPoints!='') $listeDesPoints.=','; 
     $listeDesPoints.='['.$row['latitude'].','.$row['longitude'].']';
     }

     mysql_close($connexion);
   ?>

     <html>
        <head>
          <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
          <style type="text/css">
           html { height: 100% }
           body { height: 100%; margin: 0; padding: 0 }
           #map_canvas { height: 100% }
           </style>
           <script type="text/javascript"
           src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB3is760vHXhki9vS_LpiWAig8a33GP3CY&sensor=false">
           </script>
        <script type="text/javascript">
         function initialize() {
            var optionsCarte = {
              center: new google.maps.LatLng(34.02,-6.83),
              zoom: 8,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new     google.maps.Map(document.getElementById("map_canvas"),
            optionsCarte);

            var liste_des_points=[<?php echo $listeDesPoints; ?  >];

            var i=0,li=liste_des_points.length;
            while(i<li){
            new google.maps.Marker({
                   position: new google.maps.LatLng(liste_des_points[i][0], liste_des_points[i][1]),
                   map: map,
            });
            i++;
            }

          }
        </script>
      </head>
      <body onload="initialize()">
        <div id="map_canvas" style="width:100%; height:100%">    </div>
      </body>
      </html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
var期权单={
中心：新google.maps.LatLng（34.02，-6.83），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
期权单）；
var liste_des_points=[var liste_des_points=[]；我试过了，但不起作用。我用这个var liste_des_points=[“”]；地图上显示了，但没有标记。我用我自己的数据库试过你的地图，它显示了标记。查看源代码，我看到var liste_des_points=[47.608940，-122.340141]，[47.613590，-122.344391]，[47.624561，-.122.356445]，[47.606365，-122.337654]，[47.612823，-122.345673]，[47.605961，-122.340363]，[47.613976，-122.345467]，[47.617214，-122.326584]；
您似乎没有从数据库收到坐标