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