google-maps - 谷歌地图覆盖上的红线

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

}

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

我不确定我会做错，因为这发生在我所有的叠加层中。

这是链接问题的示例

Answer 1

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

canvas
{ border:1px solid red; }