Question

亲爱的团队和堆栈溢出社区，我搜索开发人员谷歌，我没有我的问题的答案，我创建一个路线与谷歌地图和精细的作品！但是，当我按下标记时，这显示了方向的信息，但我不需要它的危险，因为这个地图可以看到公司搜索人们的工作，我不知道如何隐藏或更改tis信息，例如“这里是xxx的房子”而不是“Av Avenida 98373，zap，jal，mx”。

对不起我的英语不好！这是我的代码。

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Directions service</title>
    <style>
      html, body, #map-canvas {
        height: 80%;
        margin: 0px;
        padding: 0px
      }
      #panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
      }
    </style>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_GMAPS&sensor=true&language=es"></script>
    <script>
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

var rendererOptions = {
  map: map,
  suppressMarkers : false,
  suppressInfoWindow: false
}

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
  var chicago = new google.maps.LatLng(41.850033, -87.6500523);
  var mapOptions = {
    zoom:7,
    center: chicago
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  directionsDisplay.setMap(map);

}




  var request = {
      origin:'Av guadalupe 5765 zapopan jalisco',
      destination:'Av Guadalupe 1010 zapopan jalisco',
      travelMode: google.maps.TravelMode.DRIVING
  };

  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
      document.getElementById('distance').innerHTML += response.routes[0].legs[0].distance.value + " meters";
      document.getElementById('duration').innerHTML += response.routes[0].legs[0].duration.value + " seconds";



    }
  });








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

    </script>
  </head>

<body>    <div id="map-canvas"></div>
  </body>
  <span id="distance"></span>
    <span id="duration"></span>
</html>
  <script language="javascript"> 
calcRoute(); 
showSteps();

</script>

Answer 1

您必须将suppressInfoWindows的{{1}} - 选项设置为DirectionsRenderer。这将避免自动InfoWindows。

true

对于自定义文本，您必须使用自定义InfoWindow-Instance（通过var rendererOptions = { map: map, suppressMarkers : false, suppressInfoWindows: true }的infoWindow-option设置它）。守这个infoWindow的DirectionsRenderer - 事件并设置所需的内容。

我需要在地图上更改标记文本

1 个答案: