Markers Google Maps V3 Javascript

Question

var map

function detectBrowser() {
  var useragent = navigator.userAgent;
  var mapdiv = document.getElementById("map_canvas");

  if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
    mapdiv.style.width = '100%';
    mapdiv.style.height = '100%';
  } else {
    mapdiv.style.width = '600px';
    mapdiv.style.height = '800px';
  }
}


function carregarMapa() {

    lat=document.getElementById("txtLat").value;
    lng=document.getElementById("txtLng").value;

var myLatlng = new google.maps.LatLng(lat,lng);



var mapOptions = {
    zoom: 16,
    center: myLatlng,
disableDefaultUI : false

  }

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  map.setOptions({styles: [
    {
     featureType: "poi",
     stylers: [
        { visibility: "off" }
     ]
    }
 ]});

}


function criaPonto(){

plat=document.getElementById("txtLat").value;
plng=document.getElementById("txtLng").value;

var myLatlng = new google.maps.LatLng(plat,plng);



var marker2 = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title: 'Título Restaurante Y'});

}
google.maps.event.addDomListener(window, 'load', initialize);

Hello, I created this code in javascript trying to create a google map where I can load markers, until now, I could only create markers if I keep resetting the map, and the idea was to create these markers at runtime. For example: I would create a Marker if it was X away from the point my sensor has located, otherwise this Marker is not displayed.

The problem has been solved! I appreciate the user’s help : /users/10196/migmar Who was very present and was able to explain to me my mistakes.

Thank you!

Answer 1

The initialize function called in the last line of your code does not exist. It must replace the function name carregarMapa() for initialize(). The function criaPonto() is it never called? You need to create a method in the initialize function that detects the proximity of new points and then calls the function criaPonto().

You have to create an array type variable with markers, and then add each marker to that variable, via the function criaPonto() with markers.push(marker2).