CODEWITHSUNDEEP
javascriptgoogle-maps-api-3
Ramon Vasconcelos
Ramon Vasconcelos

Reputation: 945

Google maps marker not showing up API v3

The marker isnt showing up, i read the docs but i cant find the problem, can somebody help me plz?

heres the js:

function initialize() {
      var mapOptions = {
        center: new google.maps.LatLng(-8.064903, -34.896872),
        zoom: 16,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

      var marker = new google.maps.Marker({
          position: location,
          title:"Hello World!",
          visible: true
      });
      marker.setMap(map);
    }

Upvotes: 13

Views: 38846

Answers (1)

alestanis
alestanis

Reputation: 21863

My guess is that your location object is not defined. Try setting your marker position to the same LatLng as your map center and see if it works:

function initialize() {
  latLng = new google.maps.LatLng(-8.064903, -34.896872)
  var mapOptions = {
    center: latLng,
    zoom: 16,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  var marker = new google.maps.Marker({
      position: latLng,
      title:"Hello World!",
      visible: true
  });
  marker.setMap(map);
}

Upvotes: 38

Related Questions