Google maps

<!DOCTYPE html>
<html>
  <head>
    <!-- This stylesheet contains specific styles for displaying
         the map on this page. Replace it with your own styles as
         described in the documentation:
         https://developers.google.com/maps/documentation/javascript/tutorial
    -->
    <link rel="stylesheet" href="/maps/documentation/javascript/cgc/demos.css">
  </head>
  <body>
    <div id="map"></div>
    <script>
      function initMap() {
        var myLatLng = {lat: -25.363, lng: 131.044};

        // Create a map object and specify the DOM element
        // for display.
        var map = new google.maps.Map(document.getElementById('map'), {
          center: myLatLng,
          zoom: 4
        });

        // Create a marker and set its position.
        var marker = new google.maps.Marker({
          map: map,
          position: myLatLng,
          title: 'Hello World!'
        });
      }

    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
        async defer></script>
  </body>
</html>

Comments

Popular posts from this blog

গ্রাফিক্স ডিজাইনিং এবং Super Photo এডিটিং VFX, Website ডিজাইনিং এর সেরা সফটওয়্যার Corel DRAW Graphics Suite X7 ফুল ভার্সন + Keygen ডাউনলোড করুন

অসাধারণ একটি Point Of Sale সফটওয়্যার শুধু মাত্র ব্যবসায়ী ভাই দের জন্য

PSC- Primary Scholarship Result 2014- 2015 ১৫ মার্চ রোববার : ফলাফল দেখার উপায় সমূহ এখানে