Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2017
626
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.19 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Google Map</title>
  5. <link rel="stylesheet" href="Styles/style.css">
  6. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCXan-qoXD0Cl29_Uw7XcRDMshvJ3d3pqc"></script>
  7. <script type="text/javascript">
  8. window.onload = function()
  9. {
  10. var map;
  11. var bounds = new google.maps.LatLngBounds();
  12. var mapOption = {
  13. mapTypeControl: false,
  14. center: new google.maps.LatLng(5.416737,100.333662),
  15. zoom: 12,
  16. mapTypeId: google.maps.MapTypeId.ROADMAP
  17. };
  18.  
  19. var infowindow = new google.maps.InfoWindow();
  20.  
  21. var map = new google.maps.Map(document.getElementById("map"), mapOption);
  22.  
  23.  
  24. var latlng1 = new google.maps.LatLng(5.416737,100.333662);
  25. var marker1 = new google.maps.Marker({position:latlng1, map:map });
  26. google.maps.event.addListener(marker1,'click',function()
  27. {
  28. infowindow.close();
  29. infowindow.setContent(''<div id="h3">Kota Dine & Coffee</div>' + '<p>Operating hours</p>' +
  30. '<p1>Sunday - Saturday</p1> <p2>10:30AM - 10:30PM</p2>' +
  31. '<p>Address</p>' + '<p1>Georgetown, 10200 George Town, Penang</p1>' +
  32. '<p>Tel</p>' + '<p1>04-371 4929</p1>'');
  33. infowindow.open(map, marker1);
  34. });
  35.  
  36.  
  37. var latlng2 = new google.maps.LatLng(5.4185, 100.3395);
  38. var marker2 = new google.maps.Marker({position:latlng2, map:map });
  39. google.maps.event.addListener(marker2,'click',function()
  40. {
  41. infowindow.close();
  42. infowindow.setContent('Marker #2');
  43. infowindow.open(map, marker2);
  44. });
  45.  
  46. var myCity = new google.maps.Circle({
  47. center: georgetown,
  48. radius: 1500,
  49. strokeColor: "#ff0000",
  50. strokeOpacity: 0,
  51. strokeWeight: 1,
  52. fillColor: "#003366",
  53. fillOpacity: 0.3
  54. });
  55.  
  56. myCity.setMap(map);
  57. }
  58. </script>
  59. </head>
  60. <body>
  61. <div id="map" style="height:600px;width:cover"></div>
  62. </body>
  63. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement