相关疑难解决方法(0)

如何更改Google地图标记的颜色?

我正在使用Google Maps API构建一个充满标记的地图,但我想要一个标记与其他标记脱颖而出.我认为最简单的做法是将标记的颜色改为蓝色,而不是红色.这是一件简单的事情,还是我必须以某种方式创建一个全新的图标?如果我必须创建一个新图标,最简单的方法是什么?

google-maps google-maps-api-2

164
推荐指数
7
解决办法
42万
查看次数

更改Google地图V3中的标记大小

我正在使用这个解释如何通过使用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参数更改标记大小的正确用途是什么?例如,如何将标记尺寸加倍?

google-maps-api-3 google-maps-markers

41
推荐指数
2
解决办法
13万
查看次数

Google使用其他颜色映射v3默认标记路径

我的目标是改变漂亮的默认谷歌地图标记的颜色.因此,我正在寻找默认(红色)路径/形状.我发现这会变成颜色:

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 - 默认(点)标记的自定义标记颜色)

如何生成平滑渐变?

google-maps colors google-maps-api-3 google-maps-markers

12
推荐指数
2
解决办法
1万
查看次数

Google Map图标(图钉) - 如何定义颜色?

是否有可能改变由它的API创建的谷歌地图上的引脚的颜色?或者必须使用自定义图标来做到这一点?

这是谷歌地图api v3.

tnx在adv!

icons google-maps google-maps-api-3

6
推荐指数
1
解决办法
5790
查看次数

如何在Google Maps API V3中更改图标颜色?

我想将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)

google-maps-api-3

4
推荐指数
1
解决办法
1万
查看次数

如何在Google Map中更改标记的颜色?

我不会使用GIcon更改标记.还有其他方法可以更改标记的颜色???

google-maps

3
推荐指数
1
解决办法
2万
查看次数

Google Maps API,添加带有标签的自定义 SVG 标记

我正在尝试向我的 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)

请注意,我只添加了相关代码,如果需要更多让我知道。如您所见,我无法对齐标签和标记。理想情况下,我希望将它放在图钉圈内,但在图钉下方也可以使用。提前致谢。

在此处输入图片说明

javascript svg google-maps google-maps-api-3

3
推荐指数
1
解决办法
4805
查看次数