Javascript 地图中按条件的多标记 函数initMap（）{ var映射； var bounds=new google.maps.LatLngBounds（）； 变量映射选项={ mapTypeId:“路线图” }; //在页面上显示地图 map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）； 地图.设置倾斜（45）； var标记=[]； var infoWindowContent=[]；

如果您有这些图像

https://trivenialmirah.com/img/red.png

保存在应用程序中，您可以根据推送到标记数组中的

dtype

值重命名它们

<script type="text/javascript">
      function initMap() {
        var map;
        var bounds = new google.maps.LatLngBounds();
        var mapOptions = {
          mapTypeId: 'roadmap'
        };

        // Display a map on the page
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        map.setTilt(45);

        var markers = [];
        var infoWindowContent = [];

        <?php   
        $query = "select id, dealer, lat, lon, dtype from dealer_m_testing where status = '1' and deleted is NULL"; 
        $query .= " order by seq asc";
        $dealers = mysql_query($query);
        if(mysql_num_rows($dealers) > 0){
          $i=0;
          while($dealer = mysql_fetch_array($dealers)){ ?>
            var marker = [];
            marker.push('<?php echo $dealer['id']; ?>');
            marker.push('<?php echo $dealer['dealer']; ?>');
            marker.push('<?php echo $dealer['lat']; ?>');
            marker.push('<?php echo $dealer['lon']; ?>');
            marker.push('<?php echo $dealer['dtype']; ?>');
            markers.push(marker);
            <?php
          }
        } ?>

        // Loop through our array of markers & place each one on the map  
        for( i = 0; i < markers.length; i++ ) {
          var position = new google.maps.LatLng(markers[i][2], markers[i][3], markers[i][4]);
          bounds.extend(position);
          marker = new google.maps.Marker({
            id: markers[i][0],
            position: position,
            map: map,
            title: markers[i][1],
            if (markers[i][4]=='P')
                    icon: 'https://trivenialmirah.com/img/red.png';
            else if (markers[i][4]=='R')
                    icon: 'https://trivenialmirah.com/img/blue.png';
            }
          });

          // Allow each marker to have an info window    
          google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                showDetails(marker.id);
            }
          })(marker, i));

          // Automatically center the map fitting all markers on the screen
          map.fitBounds(bounds);

        }

        // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
        var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
          //this.setZoom(1);
          google.maps.event.removeListener(boundsListener);
        });

      }

    </script>

这样你就可以做类似的事情了

https://trivenialmirah.com/img/P.png
https://trivenialmirah.com/img/R.png

---

请详细说明您的问题。您想在这里实现什么？我想在地图屏幕上根据条件制作两个不同颜色的pin，如果我的“dtype”值为“P”，则为红色pin，否则为“dtype”值为“R”，然后在我的网站经销商地图屏幕上发布蓝色Pin。因此，请帮助我获取此脚本。可能的副本请参考此anser，这可能有助于两个链接都不足以满足我的要求，因为我们的数据量至少为600个经销商。请查看此链接以检查我的Pinsorry功能，先生，何时我把这个代码放在我的页面上，然后上传到服务器上，看到地图屏幕没有显示。请看这个链接。先生，我对这项工作非常紧张，找不到解决方案。请帮助我。谢谢！现在它已经由您的参考完成了。所以我非常高兴，非常感谢您对我的帮助。太好了！很高兴知道它能工作

marker = new google.maps.Marker({
  id: markers[i][0],
  position: position,
  map: map,
  title: markers[i][1],
  icon: `https://trivenialmirah.com/img/${markers[i][4]}.png`;   
});