Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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 API多个标记(地址不长)显示标题(工具提示)_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript Google API多个标记(地址不长)显示标题(工具提示)

Javascript Google API多个标记(地址不长)显示标题(工具提示),javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我试图使用用户netbrain在stackoverflow上创建的脚本,在用户单击标记时也显示地址标题。应该比较简单,但我迷路了 有什么想法吗?我尝试了很多选择,但似乎没有任何效果。netbrain的代码如下: var map; var elevator; var myOptions = { zoom: 4, center: new google.maps.LatLng(0, 0), mapTypeId: 'roadmap' }; map = new google.ma

我试图使用用户netbrain在stackoverflow上创建的脚本,在用户单击标记时也显示地址标题。应该比较简单,但我迷路了

有什么想法吗?我尝试了很多选择,但似乎没有任何效果。netbrain的代码如下:

var map;
var elevator;
var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: 'roadmap'
};

map = new google.maps.Map($('#map_canvas')[0], myOptions);


var addresses = ['Norway', 'Africa', 'Asia','North America','South America'];

for (var x = 0; x < addresses.length; x++) {
    $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=true', null, function (data) {
        var p = data.results[0].geometry.location
        var latlng = new google.maps.LatLng(p.lat, p.lng);
        new google.maps.Marker({
            position: latlng,
            map: map
            title: addresses[0]
        });

    });
}
var映射;
无功电梯;
变量myOptions={
缩放:4,
中心:新google.maps.LatLng(0,0),
mapTypeId:“路线图”
};
map=new google.maps.map($('#map_canvas')[0],myOptions);
var地址=[‘挪威’、‘非洲’、‘亚洲’、‘北美’、‘南美’];
对于(var x=0;x
使用以下代码:

$(document).ready(function () {
    var map;
    var elevator;
    var myOptions = {
        zoom: 1,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: 'terrain'
    };
    map = new google.maps.Map($('#map_canvas')[0], myOptions);

    var addresses = ['Norway', 'Africa', 'Asia','North America','South America'];

    for (var x = 0; x < addresses.length; x++) {
        $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
            var p = data.results[0].geometry.location
            var latlng = new google.maps.LatLng(p.lat, p.lng);
            var marker = new google.maps.Marker({
                position: latlng,
                map: map
            }); 
            google.maps.event.addListener(marker, 'click', function(evt) {
               var info_window = new     google.maps.InfoWindow({maxWidth: 500}); 
                info_window.setContent('Content here');
                info_window.setPosition(latlng);
                info_window.open(map, marker);
            });
        });
    }

});
$(文档).ready(函数(){
var映射;
无功电梯;
变量myOptions={
缩放:1,
中心:新google.maps.LatLng(0,0),
mapTypeId:'地形'
};
map=new google.maps.map($('#map_canvas')[0],myOptions);
var地址=[‘挪威’、‘非洲’、‘亚洲’、‘北美’、‘南美’];
对于(var x=0;x
此答案假设您只关注工具提示,而不是信息窗口

变量
addresses
x
不能在回调中使用,因为
x
的值始终为5(在本例中,请参见
addresses
数组的长度)。而是像这样查看
数据
对象:

var map;
var elevator;
var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: 'roadmap'
};

map = new google.maps.Map($('#map_canvas')[0], myOptions);


var addresses = ['Norway', 'Africa', 'Asia','North America','South America'];

for (var x = 0; x < addresses.length; x++) {
    $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=true', null, function (data) {
        var p = data.results[0].geometry.location
        var latlng = new google.maps.LatLng(p.lat, p.lng);
        new google.maps.Marker({
            position: latlng,
            map: map
            title: data.results[0].formatted_address
        });

    });
}
var映射;
无功电梯;
变量myOptions={
缩放:4,
中心:新google.maps.LatLng(0,0),
mapTypeId:“路线图”
};
map=new google.maps.map($('#map_canvas')[0],myOptions);
var地址=[‘挪威’、‘非洲’、‘亚洲’、‘北美’、‘南美’];
对于(var x=0;x
编辑


为完整起见,
数据
对象是地理编码API调用的结果。
格式化的\u地址
是结果中匹配项的属性,请参见

!非常感谢:)