【问题标题】:where I can find the little red dot image used in google map?在哪里可以找到谷歌地图中使用的小红点图像?
【发布时间】:2012-06-22 19:18:45
【问题描述】:

我正在寻找显示here 的红点 我可以在不同的地方找到很多图钉和阴影。但是找不到这个小点.... 有人可以帮我吗?

【问题讨论】:

标签: google-maps marker


【解决方案1】:

您根本不需要任何图像。

var circle = {
    path: google.maps.SymbolPath.CIRCLE,
    fillColor: 'red',
    fillOpacity: .4,
    scale: 4.5,
    strokeColor: 'white',
    strokeWeight: 1
};

// stack exchange headquarters
var location = {lat: 40.7087507876002, lng: -74.00675015738136};

var map = new google.maps.Map(document.getElementById('map'), {
    center: location,
    zoom: 13,
});

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: circle, // set the icon here
});

【讨论】:

  • 我们如何make the circle in gradient color?谷歌表示他们支持fillColor的所有CSS3颜色
  • @Jesse:您可以对所有标记重复使用相同的var。在我的 Mac 上,2 秒(2016 年 10 月)内绘制了 10k 个标记。如果这太慢,那么您需要使用 Fusion 表。
  • 有什么办法可以改变悬停时的圆形边框颜色吗?
【解决方案2】:
【解决方案3】:

你只是想复制标记的样式吗?

如果您使用的是 Chrome,只需按 F12 即可获得开发者工具,转到资源,然后选择 Frames->Maps->Images。

所有图像都显示在那里以及它们的位置。

https://maps.gstatic.com/mapfiles/markers2/red_markers_A_J2.png

我相信你说的是这些?

如果您说的是非常小的红点,它们似乎是地图图像本身的一部分。

不过,有一个小蓝点看起来一模一样,https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle_blue.png

【讨论】:

    【解决方案4】:

    点来自这张图片:https://maps.gstatic.com/mapfiles/mv/imgs8.png(但它们更容易从https://maps.gstatic.com/mapfiles/mv/imgs2.png获取)

    就版权而言,如果您打算使用服务条款 (http://maps.google.com/help/terms_maps.html),则应阅读它们。

    【讨论】:

      【解决方案5】:

      Afaik 没有指向 FusionTables 小红点的静态链接...

      另见https://groups.google.com/group/fusion-tables-users-group/browse_thread/thread/670a2af718afc97b?pli=1

      这里有两个指向其他静态链接列表的链接 https://sites.google.com/site/gmapicons/home/https://sites.google.com/site/gmapsdevelopment/

      另一种方法是使用这个 http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_red.png

      这就是我在 Fusion Tables with Markerclusterer 的(测试)地图上所做的事情

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多