Diplay другой маркер в Google Maps API V3 на основе значения PHP

Question

Я дошел до того, что передал значение из набора маркеров, созданных с помощью PHP, но не могу понять, как создать или реализовать условие IF для отображения изображения маркера, связанного со значением типа.

Код:

<script type="text/javascript">


var iconStar = new google.maps.MarkerImage("googleMarkers/star.png",
                  new google.maps.Size(32, 28), 
                  new google.maps.Point(0, 0),
                 new google.maps.Point(16, 32));


var iconBlue = new google.maps.MarkerImage("images/mm_20_blue.png",
                  new google.maps.Size(12, 20), 
                  new google.maps.Point(0,0),
                 new google.maps.Point(6, 20));



var iconRed =  new google.maps.MarkerImage("images/mm_20_red.png",
                  new google.maps.Size(12, 20), 
                  new google.maps.Point(6, 20),
                 new google.maps.Point(5, 1));

var iconYellow  = new google.maps.MarkerImage("images/mm_20_yellow.png",
                  new google.maps.Size(12, 20), 
                  new google.maps.Point(6, 20),
                 new google.maps.Point(5, 1));

iconType = [] = iconStar;
iconType["0"] = iconStar;
iconType["1"] = iconBlue;
iconType["2"] = iconRed;
iconType["3"] = iconYellow;



        var center = null;
        var map = null;
        var currentPopup;
        var bounds = new google.maps.LatLngBounds();

        function addMarker(lat, lng, info, type) {
            var pt = new google.maps.LatLng(lat, lng);
            bounds.extend(pt);
            var marker = new google.maps.Marker({
                position: pt,
               icon: iconType,
                map: map
            });


            var popup = new google.maps.InfoWindow({
                content: info,
                maxWidth: 300
            });


            google.maps.event.addListener(marker, "click", function() {
                if (currentPopup != null) {
                    currentPopup.close();
                    currentPopup = null;
                }
                popup.open(map, marker);
                currentPopup = popup;
            });
            google.maps.event.addListener(popup, "closeclick", function() {
               // panTo puts you back to the original center - not good for zoomed in nav
               // map.panTo(center);
                currentPopup = null;
            });
        }


        function initMap() {
            map = new google.maps.Map(document.getElementById("map"),  {
                center: new google.maps.LatLng(0, 0),
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
                },
                navigationControl: true,
                navigationControlOptions: {
                 style: google.maps.NavigationControlStyle.DEFAULT
                }

            });







 <?php
 do {
 $name=$row_rsCity['DEALER']; 
 $lat=$row_rsCity['lat'];
  $lon=$row_rsCity['lng'];
  $desc=$row_rsCity['ADDRESS'];
  $city=$row_rsCity['CITY'];
  $state=$row_rsCity['STATE'];
  $phone=$row_rsCity['PHONENUMBER'];
  $type=$row_rsCity['DEALER_TYPE'];
  echo ("addMarker($lat, $lon,'<b>$name</b><br/>$desc<br/>$city , $state<br />Phone: $phone',$type);\n");
  } while ($row_rsCity = mysql_fetch_assoc($rsCity));
  ?>
  center = bounds.getCenter();
  map.fitBounds(bounds);

  }

Я близок, но я не могу найти подобные примеры в Интернете, поэтому ищу небольшую помощь в решении этой проблемы.

Спасибо!

Answer 1

Когда вы вызываете функцию addMarker, вам нужно передать тип значка (числовой) через тип в вашем списке функций.

Затем, когда вы добавляете маркер.:

function addMarker(lat, lng, info, type) {
            var pt = new google.maps.LatLng(lat, lng);
            bounds.extend(pt);
            var marker = new google.maps.Marker({
                position: pt,
               icon: iconType[type],
                map: map
            });

Добавьте числовой тип для ссылки на правильный значок в вашем массиве значков .......

Я никогда не делал этого раньше, но я неНе понимаю, почему это не сработает.

Если это не сработает, вы можете посмотреть на этот пример.:

Изменение отдельных маркеров в направлениях карт Google api V3

API Карт Google v3: как динамически изменить значок маркера?