Как показать только 1 маркер на Google Maps? - PullRequest
Новая
       3

Как показать только 1 маркер на Google Maps?

0 голосов
/ 04 июня 2011

Привет, у меня странная проблема с Google Maps V3 API.Хорошо показывать несколько маркеров на карте Google, но когда я хочу показать только один маркер на карте, маркеры не отображаются?

Приведенный ниже код показывает только карту без маркеров. 

var map = new google.maps.Map(document.getElementById('map_canvas'), options);  

marker1 = new google.maps.Marker({  
    position: new google.maps.LatLng(1.288693,103.846733),
    map: map
});

Добавление второго маркера показывает 2 маркера на карте. 

var map = new google.maps.Map(document.getElementById('map_canvas'), options);

marker1 = new google.maps.Marker({  
    position: new google.maps.LatLng(1.288693,103.846733),
    map: map
}); 

marker2 = new google.maps.Marker({  
    position: new google.maps.LatLng(1.288693,103.846733),
    map: map
});

Итак, мой вопрос, как мне отобразить только один маркер на карте?В настоящее время мой обходной путь состоит в том, чтобы иметь 2 маркера одинакового широты / долготы, но это не очень элегантно lol

Ответы [ 2 ]

2 голосов
/ 04 июня 2011

Ваш первый кодовый блок полностью работает для меня.Вот весь файл, где он работает, если это поможет: 

<html>
<head>
<title>Map Test</title>
<script type="application/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script>
    var latlng = new google.maps.LatLng(1.288693,103.846733);

    var options = {  
        zoom: 16,  
        center: latlng,  
        mapTypeId: google.maps.MapTypeId.ROADMAP,
    };
</script>
</head>
<body>
<h1>Map</h1>
<div id="map_canvas" style="height:100%; width:100%;"></div>
<script>
var map = new google.maps.Map(document.getElementById('map_canvas'), options);

marker1 = new google.maps.Marker({  
    position: new google.maps.LatLng(1.288693,103.846733),
    map: map
}); 
</script>
</body>
</html>
1 голос
/ 19 октября 2011

чтобы отобразить один маркер на картах Google v3, которые я сделал, вот так 

function initialize() {
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP // map view, can be set to satellite, street, roadview, aerialview
            };
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                animation: google.maps.Animation.DROP,
                title: "Uluru (Ayers Rock)"
            });

            marker.setMap(map);  
        }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...