Javascript 如何为表中的每个值生成标记(google maps API v3)
基本上,我需要为表中的每个值运行一个函数。也许是环什么的?我不熟悉jQuery和javascript。我想在地图画布上为我存储在表中的每个板条显示一个标记。我该怎么做Javascript 如何为表中的每个值生成标记(google maps API v3),javascript,jquery,google-maps-api-3,google-maps-markers,Javascript,Jquery,Google Maps Api 3,Google Maps Markers,基本上,我需要为表中的每个值运行一个函数。也许是环什么的?我不熟悉jQuery和javascript。我想在地图画布上为我存储在表中的每个板条显示一个标记。我该怎么做 Thx您想要得到的是一个包含标记纬度和经度的对象数组,然后您可以在对象数组上循环并将标记添加到地图中。您可能还希望地图缩放以适应标记。这被称为“界限” var映射; 变量映射选项={ 中心:{lat:51.5048835,lng:0.1101221}, 缩放:12 }; 变量标记=[ {lat:51.5048835,lng:-0.
Thx您想要得到的是一个包含标记纬度和经度的对象数组,然后您可以在对象数组上循环并将标记添加到地图中。您可能还希望地图缩放以适应标记。这被称为“界限”
var映射;
变量映射选项={
中心:{lat:51.5048835,lng:0.1101221},
缩放:12
};
变量标记=[
{lat:51.5048835,lng:-0.1101221},
{lat:51.5053532,lng:-0.1085023,},
{lat:51.5072948,lng:-0.103489}
];
函数初始化(){
map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
添加标记();
}
google.maps.event.addDomListener(窗口“加载”,初始化);
函数addMarkers(){
var bounds=new google.maps.LatLngBounds();
对于(var i=0;i
好的,谢谢,但是我的latlngs存储在一个表中,而不是在“var markers”@Mr.Liam下。您需要将数据库表中的标记输出为json。您使用的是什么数据库和后端语言?我正在通过json对坐标进行字符串化。我会将db查询放在var markers?@Mr.Liam中。您可以将json放在markers数组中,并根据需要格式化它。你能提供你正在使用的数据样本吗?
var map;
var mapOptions = {
center: {lat: 51.5048835, lng: 0.1101221},
zoom: 12
};
var markers = [
{lat: 51.5048835, lng: -0.1101221},
{lat: 51.5053532, lng: -0.1085023,},
{lat: 51.5072948, lng: -0.103489}
];
function initialize() {
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
addMarkers();
}
google.maps.event.addDomListener(window, 'load', initialize);
function addMarkers() {
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markers.length; i++) {
var latLng = new google.maps.LatLng(markers[i].lat, markers[i].lng);
markers[i] = new google.maps.Marker({
position: latLng,
map: map,
title: 'Hello World!'
});
bounds.extend(markers[i].getPosition());
map.fitBounds(bounds);
}
}