hello sir i want to delete the previous markers when i select new marker below my codelthtmlgtltheadgtltscriptsrc34httpmapsgoogleapiscommapsapijskeyAIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYMampsensorfalse34gtltscriptgtltscriptgtvar mapvar myCenternew googlemapsLatLng515087420120850var markers function initializevar mapProp centermyCenter zoom5 mapTypeIdgooglemapsMapTypeIdROADMAP map new googlemapsMapdocumentgetEl

How to delete (clear) markers when clicked on Google Maps V3

sagarnay...

SOLVED CLOSED ACTIVE ANSWERED
User: sagarnayak
Posted: on Aug 21, 2014 08:09 AM
Forum: Social Networking
Answer: 1
Views: 7304

hello sir i want to delete the previous markers when i select new marker below my code.

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var map;
var myCenter=new google.maps.LatLng(51.508742,-0.120850);
var markers = [];
function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

  map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

  google.maps.event.addListener(map, 'click', function(event) {

    
    placeMarker(event.latLng);
    document.getElementById("lat").value = event.latLng.lat();
    document.getElementById("lng").value = event.latLng.lng();
    
   
  });
}

function placeMarker(location) {

 var marker = new google.maps.Marker({
    position: location,
    map: map,
  });
 var infowindow = new google.maps.InfoWindow({
    content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()
  });
   
  infowindow.open(map,marker);
  
}


google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
<input type="text" id="lat" />
<input type="text" id="lng" />
</body>
</html>

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 2

Reply
ANSWER
User: Mudassar
Replied: on Aug 21, 2014 09:04 AM
Report

This way

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type = "text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
    <script type="text/javascript">
        var map;
        var myCenter = new google.maps.LatLng(51.508742, -0.120850);
        var markers = [];
        function initialize() {
            var mapProp = {
                center: myCenter,
                zoom: 5,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
            google.maps.event.addListener(map, 'click', function (event) {
                placeMarker(event.latLng);
                document.getElementById("lat").value = event.latLng.lat();
                document.getElementById("lng").value = event.latLng.lng();
            });
        }
        google.maps.event.addDomListener(window, 'load', initialize);

        function placeMarker(location) {
            var marker = new google.maps.Marker({
                position: location,
                map: map
            });
            var infowindow = new google.maps.InfoWindow({
                content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()
            });

            ClearMarkers();
            markers.push(marker);
            infowindow.open(map, marker);
        }
        function ClearMarkers(map) {
            for (var i = 0; i < markers.length; i++) {
                markers[i].setMap(null);
            }
            markers = [];
        }

    </script>
</head>
<body>
    <div id="googleMap" style="width: 500px; height: 380px;">
    </div>
    <input type="text" id="lat" />
    <input type="text" id="lng" />
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to delete (clear) markers when clicked on Google Maps V3

Company

Explore

Follow us

Contact Us