json - 如何将单个标记添加到 Google Map v3？

Question

在下面的代码中，我一直在使用 Google Maps v3 显示地图的灰度，其中包含来自数据库的所需纬度和经度。有人可以帮我弄清楚如何在所需的纬度和经度上只放置一个标记。

<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>

Answer 1

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

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

Answer 2

你试过文档吗？ https://developers.google.com/maps/documentation/javascript/overlays#Markers

Answer 3

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

这是语法，如果您想要示例，请单击此处

Answer 4

我使用一个函数来放置尽可能多的标记，而无需一次又一次地编码相同的行（标记是一个全局数组）：

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;
}