Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为表中的每个值生成标记(google maps API v3)_Javascript_Jquery_Google Maps Api 3_Google Maps Markers - Fatal编程技术网

Javascript 如何为表中的每个值生成标记(google maps API v3)

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.

基本上,我需要为表中的每个值运行一个函数。也许是环什么的?我不熟悉jQuery和javascript。我想在地图画布上为我存储在表中的每个板条显示一个标记。我该怎么做


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);
    }
}