Breaking News: Grepper is joining You.com. Read the official announcement!

google maps javascript api remove all markers

Saidos answered on November 3, 2022 Popularity 9/10 Helpfulness 1/10

answer google maps javascript api remove all markers

google maps javascript api remove all markers

Comment

let map;

function initMap() {
  map = new google.maps.Map(document.getElementById("map"), {
    center: { lat: -34.397, lng: 150.644 },
    zoom: 8,
  });
}

window.initMap = initMap

// HTML part


<html>
  <head>
    <title>Simple Map</title>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>

    <link rel="stylesheet" type="text/css" href="./style.css" />
    <script type="module" src="./index.js"></script>
  </head>
  <body>
    <div id="map"></div>

    <!-- 
     The `defer` attribute causes the callback to execute after the full HTML
     document has been parsed. For non-blocking uses, avoiding race conditions,
     and consistent behavior across browsers, consider loading using Promises
     with https://www.npmjs.com/package/@googlemaps/js-api-loader.
    -->
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
      defer
    ></script>
  </body>
</html>
// css part 

/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#map {
  height: 100%;
}

/* 
 * Optional: Makes the sample page fill the window. 
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: api google-maps javascript markers

Link to this answer
Share Copy Link

Contributed on Nov 03 2022

Saidos

0 Answers Avg Quality 2/10

google maps javascript api remove all markers

Contents

More Related Answers

google maps javascript api remove all markers

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.