Javascript 如何使用php数据库中的坐标显示标记_Javascript_Html_Jquery_Google Maps Api 3_Phpmyadmin

Javascript 如何使用php数据库中的坐标显示标记

javascript html jquery google-maps-api-3 phpmyadmin

Javascript 如何使用php数据库中的坐标显示标记,javascript,html,jquery,google-maps-api-3,phpmyadmin,Javascript,Html,Jquery,Google Maps Api 3,Phpmyadmin,我正在使用以下代码从php脚本中提取数据 $(document).ready(function(){ $.getJSON("informationquery.php",{lat:lt,lng:lng},function(data){ displayParkings(data); }); }); 如何使用上面代码的结果在地图上显示标记你看过这是他们的示例Hello世界地图 html{高度：100%} 正文{高度：100%；边距：0；填充：0} #地图画布{高

我正在使用以下代码从php脚本中提取数据

$(document).ready(function(){
    $.getJSON("informationquery.php",{lat:lt,lng:lng},function(data){
        displayParkings(data);
    });
});

如何使用上面代码的结果在地图上显示标记

你看过

这是他们的示例Hello世界地图


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（-34.397150.644），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

在这些文档中，您几乎可以随心所欲地操作地图

这可能更适合您的需要：

<!DOCTYPE html>
<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="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>