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 控制悬停时显示的文本_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 控制悬停时显示的文本

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 = [

我做了一个谷歌地图,上面有3个红点。当一个人悬停在一个pin点上时,会出现HTML代码,这看起来不太好。其中一个引脚的示例:

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