自定义和原始标记都显示谷歌地图api v3

时间:2013-10-02 14:59:42

标签: javascript google-maps google-maps-api-3

出于某种原因,我有两个标记显示.. http://picpaste.com/Screen_Shot_2013-10-02_at_10.55.41_AM-qKfxgyCO.png

整个事物周围还有一个盒子。有什么想法可以出现吗?

var gmap;

function initialize() {

  var myLat = new google.maps.LatLng(33.991447,-84.09403);

  var mapOptions = {
    zoom: 13,
    center: myLat,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var gmap = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var mapIcon = '../fw/img/map-marker-lowres.png';

  var infowindowContent ='<div class="mapbox"><p><strong>The Arena at Gwinnett Center</strong></p>' + '<p>6400 Sugarloaf Pkwy<br>Duluth, GA 30097<br>(770) 813-7500</p>' + '<a href="http://goo.gl/maps/g3cs0">> get driving directions</a></div>';

  var infowindow = new google.maps.InfoWindow({
    content: infowindowContent,
    maxWidth: 250,

  });

  var marker = new google.maps.Marker({
    position: myLat,
    icon: mapIcon,
    map: gmap
  });

      marker.setMap(gmap);
      infowindow.open(gmap,marker);

}

1 个答案:

答案 0 :(得分:1)

一般答案(现在你提出了正确的问题)是标准的InfoWindow无法按照你想要的方式设置样式。您需要使用第三方库,例如InfoBubbleInfoBox,或者创建自己的自定义InfoWindow替代品。