Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Google Map</title>
- <link rel="stylesheet" href="Styles/style.css">
- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCXan-qoXD0Cl29_Uw7XcRDMshvJ3d3pqc"></script>
- <script type="text/javascript">
- window.onload = function()
- {
- var map;
- var bounds = new google.maps.LatLngBounds();
- var mapOption = {
- mapTypeControl: false,
- center: new google.maps.LatLng(5.416737,100.333662),
- zoom: 12,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- var infowindow = new google.maps.InfoWindow();
- var map = new google.maps.Map(document.getElementById("map"), mapOption);
- var latlng1 = new google.maps.LatLng(5.416737,100.333662);
- var marker1 = new google.maps.Marker({position:latlng1, map:map });
- google.maps.event.addListener(marker1,'click',function()
- {
- infowindow.close();
- infowindow.setContent(''<div id="h3">Kota Dine & Coffee</div>' + '<p>Operating hours</p>' +
- '<p1>Sunday - Saturday</p1> <p2>10:30AM - 10:30PM</p2>' +
- '<p>Address</p>' + '<p1>Georgetown, 10200 George Town, Penang</p1>' +
- '<p>Tel</p>' + '<p1>04-371 4929</p1>'');
- infowindow.open(map, marker1);
- });
- var latlng2 = new google.maps.LatLng(5.4185, 100.3395);
- var marker2 = new google.maps.Marker({position:latlng2, map:map });
- google.maps.event.addListener(marker2,'click',function()
- {
- infowindow.close();
- infowindow.setContent('Marker #2');
- infowindow.open(map, marker2);
- });
- var myCity = new google.maps.Circle({
- center: georgetown,
- radius: 1500,
- strokeColor: "#ff0000",
- strokeOpacity: 0,
- strokeWeight: 1,
- fillColor: "#003366",
- fillOpacity: 0.3
- });
- myCity.setMap(map);
- }
- </script>
- </head>
- <body>
- <div id="map" style="height:600px;width:cover"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement