Skip to content

Instantly share code, notes, and snippets.

@fabn

fabn/Generated HTML

Created October 7, 2010 22:49
Show Gist options
  • Save fabn/616055 to your computer and use it in GitHub Desktop.
Save fabn/616055 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Generated HTML
<div data-marker-title="Via di Vigna Fabbri, Roma" data-longitude="12.5249391" data-latitude="41.8706294" class="gmap dynamic-google-map" style="position: relative; background-color: rgb(229, 227, 223); overflow: hidden; z-index: 0;">
<div style="left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; position: absolute;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 1; cursor: -moz-grab;">
<div style="z-index: 100; position: absolute; left: 0px; top: 0px;"/>
<div style="z-index: 101; position: absolute; left: 0px; top: 0px;">
<div style='width: 16px; height: 16px; overflow: hidden; background-image: url("http://maps.gstatic.com/intl/it_it/mapfiles/drag_cross_67_16.png"); background-position: 0px 0px; background-repeat: no-repeat; -moz-background-size: auto auto; display: none; position: absolute; left: 348px; top: -9px; z-index: 0;'/>
</div>
<div style="z-index: 102; position: absolute; left: 0px; top: 0px;">
<div style='width: 37px; height: 34px; overflow: hidden; background-image: url("http://maps.gstatic.com/intl/it_it/mapfiles/markers/marker_sprite.png"); background-position: -20px 0px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 345px; top: -34px; z-index: 0;'/>
</div>
<div style="z-index: 103; position: absolute; left: 0px; top: 0px;">
<div style='width: 20px; height: 34px; overflow: hidden; background-image: url("http://maps.gstatic.com/intl/it_it/mapfiles/markers/marker_sprite.png"); background-position: 0px 0px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 345px; top: -34px; z-index: 0;'/>
</div>
<div style="z-index: 104; position: absolute; left: 0px; top: 0px;"/>
<div style="z-index: 105; position: absolute; left: 0px; top: 0px;">
<div style="width: 20px; height: 34px; overflow: hidden; position: absolute; left: 345px; top: -34px; z-index: 0; opacity: 0.01;">
<img style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: medium none; padding: 0px; margin: 0px; width: 57px; height: 34px;" src="http://maps.gstatic.com/intl/it_it/mapfiles/markers/marker_sprite.png" usemap="#gmimap0"/>
<map name="gmimap0" id="gmimap0">
<area href="javascript:void(0)" log="miw" coords="9,0,6,1,4,2,2,4,0,8,0,12,1,14,2,16,5,19,7,23,8,26,9,30,9,34,11,34,11,30,12,26,13,24,14,21,16,18,18,16,20,12,20,8,18,4,16,2,15,1,13,0" shape="poly" title="Via di Vigna Fabbri, Roma" style="cursor: pointer;"/>
</map>
</div>
</div>
<div style="z-index: 106; position: absolute; left: 0px; top: 0px;"/>
<div style="position: absolute; z-index: 0; left: 0px; top: 0px;">
<div style="overflow: hidden; width: 710px; height: 0px;">
<img style="width: 710px; height: 0px;" src="http://maps.google.com/maps/api/js/StaticMapService.GetMapImage?1m2&amp;1i4485801&amp;2i3118047&amp;2e1&amp;3u15&amp;4m2&amp;1u710&amp;2u0&amp;5m3&amp;1e0&amp;2b1&amp;5sit-IT&amp;token=74361"/>
</div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 1;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 1;">
<div style="position: absolute; left: 87px; top: -223px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt1.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17523&amp;s=&amp;y=12179&amp;z=15&amp;s=Gali");'/>
</div>
<div style="position: absolute; left: 87px; top: 33px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt1.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17523&amp;s=&amp;y=12180&amp;z=15&amp;s=Galil");'/>
</div>
<div style="position: absolute; left: 343px; top: -223px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt0.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17524&amp;s=&amp;y=12179&amp;z=15&amp;s=Galileo");'/>
</div>
<div style="position: absolute; left: 343px; top: 33px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt0.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17524&amp;s=&amp;y=12180&amp;z=15&amp;s=");'/>
</div>
<div style="position: absolute; left: -169px; top: -223px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt0.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17522&amp;s=&amp;y=12179&amp;z=15&amp;s=G");'/>
</div>
<div style="position: absolute; left: -169px; top: 33px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt0.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17522&amp;s=&amp;y=12180&amp;z=15&amp;s=Ga");'/>
</div>
<div style="position: absolute; left: 599px; top: -223px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt1.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17525&amp;s=&amp;y=12179&amp;z=15&amp;s=Ga");'/>
</div>
<div style="position: absolute; left: 599px; top: 33px;">
<div style='position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url("http://mt1.google.com/vt?lyrs=m@133&amp;src=apiv3&amp;hl=it-IT&amp;apistyle=s.t:33|p.v:off&amp;x=17525&amp;s=&amp;y=12180&amp;z=15&amp;s=Gal");'/>
</div>
</div>
</div>
</div>
<div style="margin: 2px 5px 2px 2px; z-index: 10; position: absolute; left: 0px; bottom: 0px;">
<a title="Fai clic per visualizzare quest'area in Google Maps" target="_blank" href="http://maps.google.com/maps?ll=41.870629,12.524939&amp;z=15&amp;t=m"><img src="http://maps.gstatic.com/intl/it_it/mapfiles/poweredby.png" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; cursor: pointer; width: 62px; height: 29px;"/></a>
</div>
<div style="z-index: 1000; position: absolute; right: 0px; bottom: 0px;">
<div style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 11px; white-space: nowrap; text-align: right; padding: 2px; direction: ltr;">
<span style="display: none; color: rgb(0, 0, 0);"/><span style="display: none; color: rgb(0, 0, 0);"> - </span><a href="http://www.google.com/intl/it-IT_US/help/terms_maps.html" target="_blank" style="color: rgb(119, 119, 204);">Termini
e condizioni d'uso</a></div>
</div>
<div style="margin: 5px; z-index: 10; position: absolute; cursor: pointer; text-align: center; width: 269px; top: 0px; right: 0px;">
<div style="width: 66px; position: relative; overflow: hidden; border: 1px solid black; float: left;">
<div style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; background-color: white; font-size: 12px; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112) rgb(208, 208, 208) rgb(208, 208, 208) rgb(112, 112, 112); font-weight: bold;" title="Mostra cartina stradale">Mappa</div>
</div>
<div style="width: 66px; position: relative; overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: black; float: left;">
<div style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; background-color: white; font-size: 12px; border-width: 1px; border-style: solid; border-color: rgb(208, 208, 208) rgb(112, 112, 112) rgb(112, 112, 112) rgb(208, 208, 208);" title="Mostra immagini satellitari">Satellite</div>
</div>
<div style="width: 66px; position: relative; overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: black; float: left;">
<div style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; background-color: white; font-size: 12px; border-width: 1px; border-style: solid; border-color: rgb(208, 208, 208) rgb(112, 112, 112) rgb(112, 112, 112) rgb(208, 208, 208);" title="Mostra immagine satellitare con i nomi delle strade">Ibrida</div>
</div>
<div style="width: 66px; position: relative; overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: black; float: left;">
<div style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; background-color: white; font-size: 12px; border-width: 1px; border-style: solid; border-color: rgb(208, 208, 208) rgb(112, 112, 112) rgb(112, 112, 112) rgb(208, 208, 208);" title="Mostra mappa stradale con rilievo">Terreno</div>
</div>
</div>
<div style="z-index: 10; margin: 5px; -moz-user-select: none; position: absolute; top: 0px; left: 0px;" controlwidth="19" controlheight="42">
<div style="display: none; position: absolute;" controlwidth="0" controlheight="0">
<div style="position: absolute; left: 0px; top: 0px;"/>
<div style="position: absolute; left: 0px; top: 0px;"/>
</div>
<div style="margin: 0px; display: none; position: absolute;"/>
<div controlwidth="19" controlheight="42" style="position: absolute; left: 0px; top: 0px;">
<img style="width: 19px; height: 42px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="http://maps.gstatic.com/intl/it_it/mapfiles/szc3d.png"/>
<div style="position: absolute; left: 0px; top: 0px; width: 19px; height: 21px; cursor: pointer;" title="Zoom avanti"/>
<div style="position: absolute; left: 0px; top: 21px; width: 19px; height: 21px; cursor: pointer;" title="Zoom indietro"/>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment