Home
Run >
<!DOCTYPE html> <html> <head><!-- www.techstrikers.com --> <title>Add Style Info Window on Google Map</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 99%; width: 99%; } .infobox-wrapper { display:none; } .infobox-wrapper { display:none; } #infobox { border:2px solid black; margin-top: 8px; background:#098; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: .5em 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow:0 -1px #000000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; } </style> <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script> <script type="text/javascript"> function initialize() { var lat_lng = {lat: 17.08672, lng: 78.42444}; var map = new google.maps.Map(document.getElementById("map"), { zoom: 6, center: lat_lng, mapTypeId: google.maps.MapTypeId.ROADMAP }); var marker = new google.maps.Marker({ map: map, position: lat_lng, visible: true }); var infobox = new InfoBox({ content: document.getElementById("infobox"), disableAutoPan: false, maxWidth: 150, pixelOffset: new google.maps.Size(-140, 0), zIndex: null, boxStyle: { background: "url('https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", opacity: 0.90, width: "300px" }, closeBoxMargin: "12px 4px 2px 2px", closeBoxURL: "https://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(lat_lng); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div class="infobox-wrapper"> <div id="infobox"> techstrikers is developed to help you to begin HTML,CSS,XML,JavaScript, DOM,jQuery,ASP.NET,PHP,SQL Server, MySQL,colors,tutorial,programming,development, training,learning,reference,examples,source code,demos,tips,color table, cascading style sheets,asp.net, csharp, c#.net,ADO.NET, OOPS, Entity Framework, KnockoutJS, MVC, LINQ, WEB API, Google Map API, Design Patterns etc. <p><a href="https://www.techstrikers.com">https://www.techstrikers.com</a></p> </div> </div> <div id="map"></div> <br> </body> </html>