Добавление геокодированного маркера к уже существующему массиву маркеров в Google Maps V3 - PullRequest
Новая
       15

Добавление геокодированного маркера к уже существующему массиву маркеров в Google Maps V3

0 голосов
/ 02 января 2012

У меня есть 50 маркеров на карте (V3 API карт Google) в массиве, называемом точками.Я хочу добавить текстовое поле, чтобы пользователи могли ввести свой почтовый индекс, и он добавит дополнительный маркер, указывающий их местоположение относительно окружающих маркеров.Я думаю, что я довольно близок с тем, что у меня есть ниже, но оно не выведет маркер на карту.Я думаю, что есть конфликт, потому что у меня уже есть массив маркеров, и мне не нравится, когда я добавляю дополнительный маркер через функцию.Как мне получить эту функцию, чтобы добавить дополнительный элемент в массив через функцию codeAddress ()?Или это даже правильный способ сделать это? 

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

  geocoder = new google.maps.Geocoder();
  var myOptions = {
    zoom: 14,
    center: new google.maps.LatLng(51.51251523, -0.133201961),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  setMarkers(map, spots);
}


var spots = [

['River Street  - Clerkenwell', 51.52916347, -0.109970527, '3.png', 2896, 'River Street  - Clerkenwell'],
['Phillimore Gardens - Kensington', 51.49960695, -0.197574246, '3.png', 2897, 'Phillimore Gardens - Kensington']

];

function setMarkers(map, locations) {

      var image1 = new google.maps.MarkerImage('amber-spot.png',
      new google.maps.Size(30, 36),
      new google.maps.Point(0,0),
      new google.maps.Point(0, 32));

  var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: 'poly'
  };

  for (var i = 0; i < locations.length; i++) {
    var spot = locations[i];
    var myLatLng = new google.maps.LatLng(spot[1], spot[2]);

    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: spot[3],
        title: spot[0],
        zIndex: spot[4],
        html: spot[5]
    });
    var infowindow = new google.maps.InfoWindow({
});

    google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(this.html);
    infowindow.open(map,this);
});
  }
}

  function codeAddress() {
    var address = document.getElementById("address").value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker2 = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }
</script>

Это форма для геокодирования 

<div class="view-content">
<input id="address" type="textbox" value="W1T 4JD">
<input type="button" value="Geocode" onclick="codeAddress()">
<div id="map_canvas" style="width:800px; height:600px;"></div>

1 Ответ

0 голосов
/ 17 января 2012

В итоге я использовал фильтр почтовых индексов приближения в модуле Drupal gmap, чтобы сделать это.Первоначально я не думал, что это сработает, потому что я не использовал нативную карту модулей gmap в представлении, где использовался фильтр, но я не знал, что результаты все равно будут в возвращенном массиве :-).

Ли

...