특정 Google지도 아이콘의 색상 변경

-2

현재 아래 코드를 사용하여 내 웹 사이트에 Google지도를 렌더링하여지도에 표시하고 마커를지도에 표시합니다.특정 Google지도 아이콘의 색상 변경

// Creating a new map 
    //UK Cordinates 55.37911,-3.427734 zoom 9 
    var map = new google.maps.Map(document.getElementById("map"), { 
      center: new google.maps.LatLng(54.901882,-3.603516), 
      zoom: 6, 
      panControl: false, 
      scrollwheel: false, 
     mapTypeControl: false, 
     streetViewControlOptions: {position: google.maps.ControlPosition.LEFT_CENTER}, 
     zoomControlOptions: {position: google.maps.ControlPosition.LEFT_CENTER}, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 


    // Creating the JSON data 
    var json = [ 
     { 
      "title": "BLAH", 
      "lat": 51.514979, 
      "lng": -0.134175, 
      "description": "BLAHBLAHBLAH" 
     }, 
     { 
      "title": "BLAH", 
      "lat": 51.512779, 
      "lng": -0.132625, 
      "description": "BLAHBALH" 

     }, 
     { 
      "title": "BLAH", 
     "lat": 51.489025, 
      "lng": -0.191840, 
      "description": "BLAHBLAH" 
     },

표준 빨간색 대신 특정 마커 만 녹색으로 표시하고 싶습니다. 마커를 배치하는 방법 (JSON 데이터)이 아닌 웹에서이 작업을 수행하는 방법에 대한 많은 정보가 있습니다. 이전 디자이너가 이것을 만들었으므로 확실하지 않습니다!

감사합니다.

출처

2014-01-20 Harry

은 자바 스크립트 코드를 볼 곳 JSON 데이터에 당신이 실제로 루프 및 마커를 [컬러 구글의 첫 번째 마커지도 다른 색 (HTTP의 – duncan

가능한 복제본을 만들 수 있습니다 : // 유래합니다. com/questions/16900210/color-the-first-marker-of-a-google-map-a-different-color) – geocodezip

녹색이어야하고 빨간색이어야하는 JSON 데이터가 필요합니다. 그것은 당신을 분류하는 것입니다. 거기에 새로운 불리언 값이 있다고 가정합니다. 그러나 실제로는 마커 이미지에 URL을 지정하는 것을 선호 할 수 있습니다 (예 : 녹색 및 빨강 색 마커 이상을 사용하는 경우).

필자는 실제 pseudo-pseudocode 스타일로이 코드를 작성했습니다. 실제로 코드를 작성하는 방법을 보여줄 때까지이 코드를 사용하십시오. 그것은 도움이 될

loop over json 
    // create marker 
    marker = new google.maps.Marker({ 
     ... 
    }); 

    if (json.useGreen) { 
     // use the green marker 
     marker.setIcon('http://maps.google.co.uk/intl/en_ALL/mapfiles/ms/micons/green.png');  
    } 
end-loop

출처

2014-01-20 17:19:05 duncan

의견을 보내 주셔서 감사합니다. 다른 사람 코드를 사용하고 있습니다. 고통! – Harry

특정 Google지도 아이콘의 색상 변경

답변

관련 문제