Javascript 控制悬停时显示的文本
我做了一个谷歌地图,上面有3个红点。当一个人悬停在一个pin点上时,会出现HTML代码,这看起来不太好。其中一个引脚的示例:Javascript 控制悬停时显示的文本,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我做了一个谷歌地图,上面有3个红点。当一个人悬停在一个pin点上时,会出现HTML代码,这看起来不太好。其中一个引脚的示例: Lorem Ipsum 3。地址3 演示站点可以是 是否可以在javascript中设置某种类型的alt标记,以便我可以控制当一个人悬停在pin点上时显示的内容 function initMap() { var center = {lat: 51.487655, lng: -0.088128}; var locations = [
Lorem Ipsum 3
。地址3
代码>
演示站点可以是
是否可以在javascript中设置某种类型的alt
标记,以便我可以控制当一个人悬停在pin点上时显示的内容
function initMap() {
var center = {lat: 51.487655, lng: -0.088128};
var locations = [
['Lorem Ipsum 1<br>\
Adress 1<br>\
<a href="####" target="_blank">Vis vej</a>', 52.192877, -0.893615],
['Lorem Ipsum 2<br>\
Adress 2 <br>\
<a href="#####" target="_blank">Vis vej</a>', 51.627608, -0.501912],
['Lorem Ipsum 3<br>\
Adress 3 <br>\
<a href="####" target="_blank">Vis vej</a>', 51.483280, -0.071244],
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: center
});
var infowindow = new google.maps.InfoWindow({});
var marker, count;
for (count = 0; count < locations.length; count++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[count][1], locations[count][2]),
map: map,
title: locations[count][0]
});
google.maps.event.addListener(marker, 'click', (function (marker, count) {
return function () {
infowindow.setContent(locations[count][0]);
infowindow.open(map, marker);
}
})(marker, count));
}
}
函数initMap(){
var中心={lat:51.487655,lng:-0.088128};
变量位置=[
['Lorem Ipsum 1
\
地址1
\
', 52.192877, -0.893615],
['Lorem Ipsum 2
\
地址2
\
', 51.627608, -0.501912],
['Lorem Ipsum 3
\
地址3
\
', 51.483280, -0.071244],
];
var map=new google.maps.map(document.getElementById('map'){
缩放:7,
中心:中心
});
var infowindow=new google.maps.infowindow({});
var标记,计数;
对于(计数=0;计数
悬停文本由标记的title属性设置,该属性仅为文本(无HTML)。不要将HTML标记放在其中,在代码中,一个选项是为其分配一个仅包含文本的不同数组元素:
var locations = [
['Lorem Ipsum 1',
'Lorem Ipsum 1<br>Adress 1<br><a href="####" target="_blank">Vis vej</a>',
52.192877, -0.893615],
['Lorem Ipsum 2',
'Lorem Ipsum 2<br>Adress 2 <br><a href="#####" target="_blank">Vis vej</a>',
51.627608, -0.501912],
['Lorem Ipsum 3',
'Lorem Ipsum 3<br>Adress 3 <br><a href="####" target="_blank">Vis vej</a>',
51.483280, -0.071244],
];
太好了,非常感谢。完美地解决了这个问题。
for (count = 0; count < locations.length; count++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[count][2], locations[count][3]),
map: map,
title: locations[count][0]
});
google.maps.event.addListener(marker, 'click', (function(marker, count) {
return function() {
infowindow.setContent(locations[count][1]);
infowindow.open(map, marker);
}
})(marker, count));
}