2013-10-02 3 views
0

По какой-то причине у меня есть оба маркера показывает .. http://picpaste.com/Screen_Shot_2013-10-02_at_10.55.41_AM-qKfxgyCO.pngОба пользовательских и оригинальные маркеры показывают, Google Maps API v3

Там также коробка, окружающая все это. Любые идеи, почему они появятся?

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

} 
+0

Код, который вы опубликовали, не проявляет проблемы. – geocodezip

+0

@geocodezip, что еще вы хотите увидеть? html и css? – PhDeOliveira

+0

Если вам нужна помощь, вам нужно разместить достаточно кода (javascript/HTML/css), чтобы воспроизвести проблему. Скрипка или ссылка на живую карту, которая проявляет проблему, также будут работать, если вы разместили код, который вы _thought_ был важным (что вы сделали). Для меня, похоже, у вас проблемы с CSS. – geocodezip

ответ

1

Общий ответ (теперь, когда вы задали правильный вопрос) является то, что стандарт InfoWindow не может быть стилизована так, как вы хотите. Вам необходимо использовать стороннюю библиотеку, например InfoBubble или InfoBox, или создать свою собственную замену InfoWindow.

+0

Спасибо, что нашли время! Я ценю помощь! Не думал об этом! – PhDeOliveira

Смежные вопросы