Javascript Google API多个标记(地址不长)显示标题(工具提示)
我试图使用用户netbrain在stackoverflow上创建的脚本,在用户单击标记时也显示地址标题。应该比较简单,但我迷路了 有什么想法吗?我尝试了很多选择,但似乎没有任何效果。netbrain的代码如下: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
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地址
是结果中匹配项的属性,请参见!非常感谢:)