css - Google Maps infobox close button -
I have a problem in my info box on Google Maps. I stole it as though I wanted to, but remove the close button Was given: / ... Does anyone know how to solve this problem?
My code:
& lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Script type = "text / javascript" src = "http://maps.google.com/maps/api/js?sensor=false" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; Function initialize () {var loc, map, marker, infobox; Loc = new google.maps.LatLng (-33.890542, 151.274856); Map = new google.maps.Map (document.getElementById ("map"), {zoom: 12, center: local, mappeople: google.maps.MapTypeId.ROADMAP}); Marker = new google.maps.marker ({map: map, position: loc, visible: true}); Infobox = New InfoBox ({Content: Document.titlebank BIID ("Infobox"), PassiveOutApain: Falls, MaxWeath: 220, Pixel Offset: New GoogleMap Size. (-120, -320), Zandx: Blank, Box Style: {width: "220px"}, close box margin: "12px 12px 2px 2px", close box URL: "http://www.google.com/intl/en_us/mapfiles/close.gif", infoBoxClearance: new google.maps.Size (1, 1)}); Google.maps.event.addListener (marker, 'click', function () {infobox.open (map, this); map.panTo (loc);}); } Google.maps.event.addDomListener (window, 'load', start); & Lt; / Script & gt; & Lt; Title & gt; Creating and Using an InfoBox & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "map" style = "width: 100%; height: 500px" & gt; & Lt; / Div & gt; & Lt; Br> & Lt; Div class = "infobox-wrapper" & gt; & Lt; Div id = "infobox" & gt; & Lt; Div class = 'actionInfo' & gt; & Lt; Div class = 'markerImage' & gt; & Lt; One goal = '_ blank' href = "+ url +" & gt; & Lt; Img src = "http://www.plaveo.eu/Files/Actions/132_s.jpg" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = 'markerActionDescription' & gt; & Lt; H3 & gt; & Lt; One goal = '_ blank' href = "+ url +" & gt; Isledova Splattan Straconic - Pocket Bronze - 11% & lt; / A & gt; & Lt; / H3 & gt; & Lt; / Div & gt; & Lt; Div class = 'action till' & gt; Treasures: & lt; B & gt; 10.10.2014 16 H & lt; / B & gt; & Lt; Br / & gt; & Lt; One goal = '_ blank' href = "+ url +" & gt; VeÄ ?? Tuka ... & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Hour / & gt; & Lt; Div class = 'coName' & gt; & Lt; Strong & gt; Futuro Web Design & lt; / Strong> & Lt; / Div & gt; & Lt; Div class = 'coAddress' & gt; Grajska cesta 26, 4260 blade & lt; / Div & gt; & Lt; Div class = 'co-contact' & gt; Tel: 040 351 766 & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; CSS
.infobox-wrapper {display: none; Width: 220 pixels; } # Infobox {status: relative; Background: # 7dc9c8; Limit: 5px solid #ffffff; Max-width: 200px; Font-family: roboto; Padding: 10px; } #infobox: after #infobox: first {top: 100%; Left: 50%; Border: Solid transparent; material: " "; Height: 0; Width: 0; Status: Completed; Pointer-phenomena: none; } # Infobox: after {border color: RGBA (125, 201, 200, 0); Border-top-color: # 7dc9c8; Border width: 20px; Left margin: -20px; } # Infobox: before {border color: RGBA (255, 255, 255, 0); Border-top-color: #ffffff; Border width: 27px; Margin-left: -27px; }
button # infobox . Set #infobox for z-index (e.g. -1 )
Comments
Post a Comment