Comment définir un marqueur dans la carte de google à l'aide de javascript

Je suis en utilisant le code javascript ci-dessous pour voir la carte et le marqueur.Le marqueur est en cours de chargement, tout chargement de carte,mais je veux charger le marqueur si le bouton "Ajouter un marqueur" est cliqué.Le marqueur de points de l'emplacement actuel.Comment faire ici.

js.

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();

function updateMarkerStatus(str) {
  document.getElementById('markerStatus').innerHTML = str;
}

function updateMarkerPosition(latLng) {
  document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}

function updateMarkerAddress(str) {
  document.getElementById('address').innerHTML = str;
}

function initialize() {
  var latLng = new google.maps.LatLng(-29.3456, 151.4346);
  var map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 8,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  var marker = new google.maps.Marker({
    position: latLng,
    title: 'Marker',
    map: map,
    draggable: true
  });
}; 
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

html

<div id="mapCanvas"></div>

Grâce

OriginalL'auteur Monk L | 2013-06-04

  1. 4

    s'il vous plaît essayer cette. espérons qu'il l'aide.
    1. faire une carte comme une variable globale.
    2. initialiser la carte
    3. ajouter un marqueur sur l'événement clic du bouton.

    <script type="text/javascript">
 var map;

function initialize() {
  map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 8,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
}; 

jQuery("$addmarker").click(function(){
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(23.72, 72.100),
        title: 'Marker',
        map: map,
        draggable: true
    });
 })
</script>

    Voici mon exemple complet de code.

    <script type="text/javascript">
var map;
function initialize() 
{ 
    var mapOptions = {
    center: new google.maps.LatLng('23.11', '71.00'),
    zoom: 2,
    scrollwheel: false,
    disableDefaultUI: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
 };

  map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
 }

 function addMarker()
  {
     marker = new google.maps.Marker({
                position: new google.maps.LatLng(23.72, 72.100),
                map: map,
            });
  }
 </script>
 </HEAD>
 <BODY onload="initialize();">
 <div id="map_canvas" style="width:700px; height:500px;"></div>
 <input type="button" id="addMarker" value="addMarker" onclick="addMarker();"/>
 </BODY>
 </HTML>
    Cette carte est en cours de chargement,mais onclicking ajouter un marqueur,marqueur n'est pas s'agit d'afficher
    veuillez régler la position de l'attribut comme google.cartes.Latlng(latitude, longitude); j'ai vérifié ce code. il est l'ajout de Marqueur sur le bouton cliquez sur la carte.
    Oui,j'ai testé votre code en html distinct,il est de travail a besoin de plus d'aide.Maintenant, le marqueur est fixé à un niveau fixé de lat et longitude,j'ai besoin d'elle à présent,pouvez-vous me dire comment faire.
    je suis tellement désolé. je n'ai jamais essayé d'aller puiser de l'emplacement actuel. mais google map fournit des api pour le captage de l'emplacement actuel. vous pouvez la mettre en œuvre par la recherche de google map.
    vous pouvez obtenir de l'emplacement actuel à l'aide de la réponse de ce stackoverflow.com/questions/13780583/...

    OriginalL'auteur Hasina

  2. 3

    data est array qui contient de la lat et de gnl

       function addMarker(data) {
        var marker = new google.maps.Marker({
          position: new google.maps.LatLng(data.lat, data.lng),
          map: map
        });
    Où dois-je inclure cette ligne de mon point de code
    j'ai mis à jour ces fonction "var marker = new google.cartes.Marqueur" avec vous de la fonction,il n'est pas de travail
    Si vous voulez avoir de multiples marqueurs..l'Utiliser de manière récursive. Pour juste un marqueur de l'utiliser sans la fonction et le placer après vous définissez var map
    J'obtiens cette erreur "Uncaught TypeError: Cannot read property 'lat' undefined "
    avez-vous mis votre lat et lang dans un tableau de données??

    OriginalL'auteur Sankalp Mishra

  3. 0

    Vous avez besoin de mettre la partie:

    var marker = new google.maps.Marker({
   [...]
});

    à l'intérieur d'un onclick écouteur d'événement.

    Le jQuery façon de le faire avec un button élément:

    $('button').on('click', function() {
   var marker = new google.maps.Marker({
      [...]
   });
});

    Vous devez penser à faire les variables map et latLng mondiale.

    OriginalL'auteur michelgotta

  4. -1
    var map; //Declare map as global.

function initialize() {
  var latLng = new google.maps.LatLng(-29.3456, 151.4346);
  map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 8,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
} 
//Call addMarker on click of the button.
function addMarker(){
  var latLng = new google.maps.LatLng(-29.3456, 151.4346); //Put lat long as desired.
  var marker = new google.maps.Marker({
    position: latLng,
    title: 'Marker',
    map: map,
    draggable: true
  });
}

    OriginalL'auteur Subir Kumar Sao