Javascript 如果单击,则不显示多段线地图生成器上的标题

Javascript 如果单击,则不显示多段线地图生成器上的标题,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我曾尝试在多段线地图生成器上添加标题,但它对我不起作用。我不明白出了什么问题,也不明白它为什么不能正常工作。 我尝试添加标题或描述,但无法使其生效。 它不会在控制台中给我错误,但若我点击它,标题不会出现 function initialize() { var map = new google.maps.Map(document.getElementById('map-canvas'), { center: { lat: 42.9994443, lng: -0.0

我曾尝试在多段线地图生成器上添加标题,但它对我不起作用。我不明白出了什么问题,也不明白它为什么不能正常工作。 我尝试添加标题或描述,但无法使其生效。 它不会在控制台中给我错误,但若我点击它,标题不会出现

      function initialize() {

    var map = new google.maps.Map(document.getElementById('map-canvas'), {
      center: { lat: 42.9994443, lng: -0.0107599},
      zoom: 12
    });

    var fromMarker = new google.maps.Marker({
      map: map,
      position: { lat: 43.1002647, lng: -0.0423151 },
      title: 'Hello World!'
    });

    var toMarker = new google.maps.Marker({
      map: map,
      position: { lat: 42.8906, lng: -0.115006 },
      title: 'Hello World!'
    });

    var ds = new google.maps.DirectionsService();

    ds.route({
      origin: fromMarker.getPosition(),
      destination: toMarker.getPosition(),
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC
    }, function (result, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        console.log(result);

        new google.maps.Polyline({
          map: map,
          path: result.routes[0].overview_path,


                strokeOpacity: 1.0,
                strokeWeight: 2,
                geodesic: true,
                icons: [{
                    icon: {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW},
                    offset: '100%',
                    repeat: '40px'
                }]
        });

        var fullPath = [];

        result.routes[0].legs.forEach(function (leg) {
          leg.steps.forEach(function (step) {
            fullPath = fullPath.concat(step.path);
            new google.maps.Polyline({
              map: map,
              path: step.path,
              strokeColor: "red",
              strokeWeight: 1
            });
          });
        });


      }
    });

  }

  google.maps.event.addDomListener(window, 'load', initialize);

标记标题显示在悬停状态。如果要在单击时显示信息窗口,应添加如下内容:

var infowindow = new google.maps.InfoWindow({
    content: "<span>Your title</span>"
});
google.maps.event.addListener(fromMarker, 'click', function() {
  infowindow.open(map, fromMarker);
});
var infowindow=new google.maps.infowindow({
内容:“你的头衔”
});
google.maps.event.addListener(fromMarker,'click',function(){
信息窗口。打开(地图、fromMarker);
});

有关信息窗口的详细信息:

标题
设置标记的工具提示/鼠标悬停文本。单击标记不会影响它。您是否正在寻找一个点击即可打开的
信息窗口
?如果我需要放置2个目的地。我怎样才能把每一个都放在不同的infowindow中呢?只需再创建一个infowindow对象并将其绑定到另一个标记。