0

以下のコードでは、Google Maps v3を使用して、DBからの希望の緯度と経度で地図のグレースケールを表示しています。誰かが私が希望の緯度と経度に1つのマーカーだけを置くことができる方法を理解するのを手伝ってもらえますか？

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

4 に答える 4

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

  var marker = new google.maps.Marker({
      position: latlng,
      map: map
  });
于 2012-05-22T10:04:10.107 に答える
0

ドキュメントを試しましたか？ https://developers.google.com/maps/documentation/javascript/overlays#Markers

于 2012-05-22T10:00:40.747 に答える
0 
 var marker = new google.maps.Marker({
      position: latLng,
      map: map
    });

これは構文です。例が必要な場合は、ここをクリックしてください

于 2012-05-22T10:02:26.753 に答える
0

関数を使用して、同じ行を何度もコーディングせずに、必要な数のマーカーを配置できるようにします（マーカーはグローバル配列です）。

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;
}
于 2013-09-19T07:18:30.210 に答える