Googleマップ上の国々に異なる色のマーカーを表示

Question

Google Map Javascript APIを使用していくつかの地図を表示するには、次のPHP関数（主にJavaScript）を使用しています。

$companyLocationsは、アドレスと緯度と経度を持つ配列です。たとえば：

$companyLocations = array(
      array('Bondi Beach', -33.890542, 151.274856), 
      array('Coogee Beach', -33.923036, 151.259052), 
      array('Cronulla Beach', -34.028249, 151.157507), 
      array('Manly Beach', -33.80010128657071, 151.28747820854187), 
      array('Maroubra Beach', -33.950198, 151.259302) 
     ); 

• $widthはdiv要素の幅です。
• $heightはdivの高さです。

マイコード：

function showMap($companyLocations, $width, $height) { 
    ?> 
     <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 

     <!-- Show map with given height and width --> 
     <div id="map" style="width:<?php echo $width?>;height:<?php echo $height?>;"></div> 

     <script type="text/javascript"> 
      <?php 
       // Convert the php array '$companyLocations' into Javascript array 'locations' 
       $js_LocationsArray = json_encode($companyLocations); 
      ?> 
       var map = new google.maps.Map(document.getElementById('map'), { 
        zoom: 10, 
        center: new google.maps.LatLng(-33.92, 151.25), 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
       }); 

       var infowindow = new google.maps.InfoWindow(); 
       var bounds = new google.maps.LatLngBounds(); 
       var marker, i; 

       for (i = 0; i < locations.length; i++) { 
        marker = new google.maps.Marker({ 
        position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
        map: map 
        }); 

        bounds.extend(marker.position); 

        google.maps.event.addListener(marker, 'click', (function(marker, i) { 
         return function() { 
            infowindow.setContent(locations[i][0]); 
            infowindow.open(map, marker); 
               } 
           })(marker, i)); 
       } 
       map.fitBounds(bounds); 
         </script> 
     <?php 
    } 

どのように私は国ごとに異なる色のマーカーを表示することができますか？これは、例えば、米国のコーディネートがある場合、マーカーの色を赤（たとえば）にし、メキシコの他の座標がマーカーの色を青にする場合などです。

この例には2カ国しかありませんが、N国にすることができますので、N色のマーカーが必要です。事前に

ありがとう：

クイックPhotoshopは私の希望のソリューションを表示します。

Answer 1

あなたはこのURLを使ってそれを行うことができます。

https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FFFFFF 

それはあなたが示す進コードに応じて、その色を変更するマーカーを生成します。この場合はFFFFFFです。

マーカーを作成するときに、iconにこの値を追加します。あなたのケースでは、その後、HEXコードとのための場所の配列内の第三の要素を追加することができます。

marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map, 
    icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=•|' + locations[i][2] 
}); 

また、ランダムにHEXコードを生成することができます。詳細はこちらから：Random HEX codes in Javascript