我正在使用Google Maps API构建一个充满标记的地图,但我想要一个标记与其他标记脱颖而出.我认为最简单的做法是将标记的颜色改为蓝色,而不是红色.这是一件简单的事情,还是我必须以某种方式创建一个全新的图标?如果我必须创建一个新图标,最简单的方法是什么?
我正在使用这个解释如何通过使用MarkerImage设置图标来着色谷歌地图标记,并且着色效果很好.但是我无法使scaledSize参数改变标记的大小.
var pinColor = 'FFFF00';
var pinIcon = new google.maps.MarkerImage(
"http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
new google.maps.Size(21, 34),
new google.maps.Point(0,0),
new google.maps.Point(10, 34),
new google.maps.Size(2, 4));
marker.setIcon(pinIcon);
Run Code Online (Sandbox Code Playgroud)
使用scaledSize参数更改标记大小的正确用途是什么?例如,如何将标记尺寸加倍?
我的目标是改变漂亮的默认谷歌地图标记的颜色.因此,我正在寻找默认(红色)路径/形状.我发现这会变成颜色:
function pinSymbol(color) {
return {
path: '???'
fillColor: color,
fillOpacity: 1,
strokeColor: '#000',
strokeWeight: 2,
scale: 1
};
}
Run Code Online (Sandbox Code Playgroud)
所以,通过调用函数,我想改变颜色(例如icon:pinSymbol("#666").但是,我不知道在哪里找到路径?我不是在寻找v2/plain标记!

//编辑:我找到了这条路径:
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',
Run Code Online (Sandbox Code Playgroud)
(来自问题的答案:Google Maps API 3 - 默认(点)标记的自定义标记颜色)
如何生成平滑渐变?
是否有可能改变由它的API创建的谷歌地图上的引脚的颜色?或者必须使用自定义图标来做到这一点?
这是谷歌地图api v3.
tnx在adv!
我想将COUNTY图标更改为蓝色(除红色外).
有没有办法为特定点定义不同的图标颜色?
<script type="text/javascript">
//<![CDATA[
var map = null;
function initialize() {
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(39.831125875,-112.15968925),
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
// Add markers to the map
// Set up three markers with info windows
var point = new google.maps.LatLng(40.970826,-112.048187)
var marker = createMarker(point,'Utah-Davis County');
var point = new google.maps.LatLng(40.235509,-111.660576)
var marker = createMarker(point,'Utah-Provo');
var point = new google.maps.LatLng(40.766502,-111.897812) …Run Code Online (Sandbox Code Playgroud) 我正在尝试向我的 SVG 标记添加标签,但文本相对于标记的位置出现问题,反之亦然。
这是我的图标:
var clickIcon = {
path: 'M8,0C3.400,0,0,3.582,0,8s8,24,8,24s8-19.582,8-24S12.418,0,8,0z M8,12c-2.209,0-4-1.791-4-4 s1.791-4,4-4s4,1.791,4,4S10.209,12,8,12z',
fillColor: myRandomColor,
fillOpacity: 1,
strokeColor: myRandomColor,
strokeWeight: 1
};
Run Code Online (Sandbox Code Playgroud)
这是我添加标记的地方:
clickMarker = new google.maps.Marker({
position: location,
map: map,
animation: google.maps.Animation.DROP,
draggable: isDraggable,
icon: clickIcon,
label: {
text: labels[labelIndex++ % labels.length],
color: 'black',
fontSize: '15px',
fontWeight: 'bold'
}
});
Run Code Online (Sandbox Code Playgroud)
请注意,我只添加了相关代码,如果需要更多让我知道。如您所见,我无法对齐标签和标记。理想情况下,我希望将它放在图钉圈内,但在图钉下方也可以使用。提前致谢。