谷歌地图叠加上的红线

Question

这是我用重叠

加载地图的代码

function cargar_map_restaurant(latitude, longitude, icono, name_restaurant, detalle) {


directionsDisplay = new google.maps.DirectionsRenderer();
var scroll_false = detalle ? false : true;
var punto = new google.maps.LatLng(latitude, longitude);
var myOptions = {
    zoom : 15,
    center : punto,
    mapTypeId : google.maps.MapTypeId.ROADMAP,
    scrollwheel : scroll_false
}
map = new google.maps.Map(document.getElementById("map"), myOptions);


if (detalle === true) {
    marca = new google.maps.Marker({
        position : punto,
        icon : icono,
        map : map,
        title : name_restaurant,
        animation: google.maps.Animation.DROP,

    });

    google.maps.event.addListener(marca, 'click', function() {
          infobox.open(map, this);
          if (this.getAnimation() != null) {
              this.setAnimation(null);
          } else {
              this.setAnimation(google.maps.Animation.BOUNCE);
          }
    });
}
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById("ruta"));

}

在地图上创建叠加层时，还会在品牌周围的弧线中创建一条红线。

我不确定我会做错了，因为在我做的所有事情中都会发生这种情况。

Here's an example of the problem of link

Answer 1

查看http://www.foodmovil.com/public/css/styles.css

canvas
{ border:1px solid red; }