Javascript 基于数据的googlemapsapi标记

Javascript 基于数据的googlemapsapi标记,javascript,php,mysql,database,google-maps,Javascript,Php,Mysql,Database,Google Maps,所以我的数据库中有一组数据,数据包括位置id(loc_id)、经度和纬度。我想做的是创建一个由我所有位置数据中的标记组成的地图。我应该首先做什么来创建此地图?因为这是我第一次使用javascript。 当前,我用于显示地图的代码: <script src="http://maps.googleapis.com/maps/api/js"></script> <script> function initialize() { var map

所以我的数据库中有一组数据,数据包括位置id(loc_id)、经度和纬度。我想做的是创建一个由我所有位置数据中的标记组成的地图。我应该首先做什么来创建此地图?因为这是我第一次使用javascript。
当前,我用于显示地图的代码:

<script src="http://maps.googleapis.com/maps/api/js"></script>

<script>
    function initialize() {
        var mapProp = {
            center:new google.maps.LatLng(-7.803164,110.3398252), zoom:10, mapTypeId:google.maps.MapTypeId.ROADMAP
        };
        var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

函数初始化(){
var mapProp={
中心:新的google.maps.LatLng(-7.803164110.3398252),缩放:10,mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“googleMap”),mapProp);
}
google.maps.event.addDomListener(窗口“加载”,初始化);

您需要将数据库中的数据输出到javascript中,然后循环它们,然后将它们添加到地图中

首先从数据库中获取数据,并将其放入javascript数组中。仅供参考,我的PHP非常生锈

var locations = [
    <?php
        $query = 'SELECT * FROM sometable';
        $result = mysql_query($query);
        $currentrow = 0;
        while ($row = mysql_fetch_assoc($result)) {
             $currentrow++;
             echo '{';
             echo 'latitude : ' . $row[0] . ',';
             echo 'longitude: ' . $row[1] ;
             echo '}'.if(currentrow != msqli->num_rows){,}
        }
     ?>
]
var位置=[
]
然后在javascript上,您需要遍历locations数组并将它们创建为标记

  for(var i = 0; i < locations.lengtht; i++){
      var myLatLng = {
          lat: locations[i].latitude, 
          lng: locations[i].longitude
      };
      var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title: 'Your title'
      }); 
  }
for(变量i=0;i
谢谢!我试试看!:)