CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3
PhDeOliveira
PhDeOliveira

Reputation: 2333

Both custom and original markers are showing google maps api v3

For some reason I have both markers showing.. http://picpaste.com/Screen_Shot_2013-10-02_at_10.55.41_AM-qKfxgyCO.png

There's also a box surrounding the whole thing. Any ideas why these would be showing up?

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

}

Upvotes: 0

Views: 137

Answers (1)

geocodezip
geocodezip

Reputation: 161334

The general answer (now that you have asked the right question) is that the standard InfoWindow can't be styled the way you want. You need to use a third party library like InfoBubble or InfoBox or create your own custom InfoWindow replacement.

Upvotes: 1

Related Questions