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

这是语法如果你想要例子click here

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

如何在Google Map v3中添加单个标记？

4 个答案: