Đường dẫn điểm đánh dấu mặc định của Google maps v3 với các màu khác

Question

Mục tiêu của tôi là thay đổi màu của điểm đánh dấu bản đồ google mặc định đẹp mắt. Vì vậy, tôi đang tìm đường dẫn/hình dạng của hình mặc định (màu đỏ). Tôi đã tìm thấy này để thay đổi màu sắc:

function pinSymbol(color) { 
    return { 
     path: '???' 
     fillColor: color, 
     fillOpacity: 1, 
     strokeColor: '#000', 
     strokeWeight: 2, 
     scale: 1 
    }; 
} 

Vì vậy, bằng cách gọi các chức năng, tôi muốn thay đổi màu sắc (ví dụ như biểu tượng:. PinSymbol ("# 666") Tuy nhiên, tôi không biết ? nơi để tìm con đường tôi không tìm kiếm cho v2/marker đồng bằng

// chỉnh sửa: tôi đã tìm thấy con đường này:

path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0', 

Làm thế nào để tạo ra suôn sẻ gradient?

Answer 1

Tôi nghĩ rằng bạn có thể thay đổi các biểu tượng bằng cách làm này marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

Hoặc bạn có thể tham khảo các customize marker image documentation.

Ngoài ra, bạn có thể sử dụng predefined symbols cho đường dẫn của mình. đang mẫu:

var marker = new google.maps.Marker({ 
    id: "some-id", 
    icon: { 
     path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW, 
     strokeColor: "red", 
     scale: 3 
    }, 
    map: map, 
    title: "some-title", 
    position: myLatlng 
}); 

Answer 2

Bằng cách kiểm tra mã Maps trong hành động, tôi đã phát hiện ra rằng trong Google Maps API JS V3 URL mặc định của điểm đánh dấu là https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png, và đánh dấu chính nó là một file 22x40 PNG. Để đổi màu nó, bạn có thể phải sử dụng các bộ lọc CSS/JS, vv hoặc tự chỉnh sửa nó trong trình soạn thảo đồ họa raster.