0

やあ、

これはGoogleの通常のコードです 

var map;

function initialize()
{
    var latLng = new google.maps.LatLng(41.079120183660486, 28.994637246032653);

    var mapOptions = {
        center: latLng,
        zoom: 8,
        mapTypeId : google.maps.MapTypeId.ROADMAP
    };

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

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

    google.maps.event.addListener(map, 'click', function (event) {
        //map.setZoom(9);
        //map.setCenter(marker.getPosition());

    });


}google.maps.event.addDomListener(window, 'load', initialize);

DBからマーカーを掛けたいのですが、できません。サイトで検索しましたが、常に結果は灰色の地図になります。

そして私のコードは：

<script type="text/javascript">
var map;
var latLng;
function initialize() {

    var mapOptions = {
        //center: latLng,
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

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

    var markers = [];

    @foreach (var item in Model)
{
        @:markers.push("@item.map")
        // item.map content coming like this : 41.079120183660486,28.994637246032653
}
    for (var i = 0; i < markers.length; i++) {

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

    //google.maps.event.addListener(map, 'click', function (event) {
    //    //map.setZoom(9);
    //    map.setCenter(marker.getPosition());
    //    //placeMarker(event.latLng);
    //});

}

google.maps.event.addDomListener(window, 'load', initialize);

マーカーを追加できません。私は多くのものを逃していると思いますか？本当にあなたの意見が必要です。ありがとう

4

1 に答える 1

0

コードに基づくと、同じlat/lngにマーカーを追加しているように見えます。以下のコードは、ループ内にいくつかのマーカーを追加します。

<script>
    var map;
    var center = new google.maps.LatLng(39.715, -84.103);

    $(document).ready(initialize);

    function initialize() {
        // Create map
        var mapOptions = {
            zoom: 10,
            center: center,
            panControl: false,
            zoomControl: true,
            mapTypeControl: true,
            scaleControl: true,
            streetViewControl: true,
            overviewMapControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map($('#map_canvas')[0], mapOptions);

        for (var ii = 0; ii < 5; ii++) {
            var lat = center.lat() + (0.1 * ii);
            var lng = center.lng() + (0.1 * ii);
            var loc = new google.maps.LatLng(lat, lng);
            var marker = new google.maps.Marker({
                position: loc,
                map: map
            });
        }
    }
</script>
于 2013-01-24T16:46:45.950 に答える