¿Cómo agrego un solo marcador a un Google Map v3?

En el código a continuación, he estado mostrando la escala de grises del mapa usando Google Maps v3 con la latitud y longitud deseadas de la base de datos. ¿Puede alguien ayudarme a descubrir cómo puedo poner solo un marcador en la latitud y longitud deseadas?

<script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?sensor=false">
</script>

<script type="text/javascript">
var map;
var latitude = <?php echo $store_details->latitude; ?>; 
var longitude = <?php echo $store_details->longitude; ?>;
var brooklyn = new google.maps.LatLng(latitude, longitude);
var MY_MAPTYPE_ID = 'Greyscale';

function initialize() {
    var graystyle = [{
        featureType: "all",
        elementType: "all",
        stylers: [ { saturation: -100 }, { visibility: "on" } ]
    }];

    var mapOptions = {
        zoom: 15,
        center: brooklyn,
        mapTypeControlOptions: {
            mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
        },
        mapTypeId: MY_MAPTYPE_ID
    };

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

    var styledMapOptions = {
        name: "Greyscale"
    };

    var grayMapType = new google.maps.StyledMapType(graystyle, styledMapOptions);
    map.mapTypes.set(MY_MAPTYPE_ID, grayMapType);
}
</script>

preguntado el 22 de mayo de 12 a las 10:05

4 Respuestas

  var latlng = new google.maps.LatLng(latitude,longitude);

  var marker = new google.maps.Marker({
      position: latlng,
      map: map
  });

contestado el 22 de mayo de 12 a las 11:05

contestado el 22 de mayo de 12 a las 11:05

Intentado ! pero demasiado confuso :) - Principiante

 var marker = new google.maps.Marker({
      position: latLng,
      map: map
    });

esta es la sintaxis y si quieres ejemplo haga clic aquí

contestado el 22 de mayo de 12 a las 11:05

Uso una función para poder colocar tantos marcadores como quiera sin codificar las mismas líneas una y otra vez (los marcadores son una matriz global):

var markers = createMarker(map, new google.maps.LatLng(50.746853, 5.497167), MyTitle, MyMarkerImage, '#FF0099');

function createMarker(map, pos, titleString, myJPGfile, colorCode) {

    var marker = new google.maps.Marker({ 
                        map: map, 
                        position: pos, 
                        title: titleString, 
                        icon: myJPGfile,
                        color: colorCode });

    return marker;
}

Respondido el 19 de Septiembre de 13 a las 08:09

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.