jquery - 是否可以替换 map 标记图像?

标签 jquery css google-maps google-maps-markers bing-maps

<分区>

在谷歌地图上,我想从视觉上区分一种类型的地方(餐馆,zB)和另一种类型的地方,比如汽车旅馆。

有没有办法(不包括牺牲鸡、采集蝾螈眼球等)来改变谷歌地图中使用的标记的外观(使用 jQuery)?

IOW,是否可以在逐个位置的基础上用任意 .png 左右覆盖通用的“注入(inject)鸡胚羊膜囊的倒置泪珠”图像?

或者,如果在 Bing map 中也可以这样做,那也是一种选择。

最佳答案

Marker object有一个 setIcon 方法。

设置它的一种非常简单的方法是使用 coloredPin,Google 有一项服务可以生成它。设置一个函数:

   function coloredPin(color) {
      return new google.maps.
        MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter_withshadow&chld=%E2%80%A2|" + color,
                    new google.maps.Size(21, 34),
                    new google.maps.Point(0,0),
                    new google.maps.Point(10, 34));
    }

然后将其与 setIcon 一起使用:

myMarker.setIcon(coloredPin('ffaa33'));

关于jquery - 是否可以替换 map 标记图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18239342/

上一篇:css - div适配浏览器窗口的问题

下一篇:html - 如何使动态 div 居中?

相关文章:

jquery - JqG​​rid - 如何显示一列可选复选框?

html - 将样式应用于具有特定值的孙子的祖 parent

javascript - 在谷歌地图 API javascript 中从 map (使用绘图管理器)获取所有折线

android - 在android上的地理点之间绘制平滑线

javascript - SVG 填充整个区域

javascript - 如何在 Google map 中添加我的位置按钮?

javascript - jQuery:如何将选择保存在 cookie 中?

javascript - 为什么当我单击不相关按钮时显示 "Please fill out this field"验证消息

jquery - 计算每个鼠标滚轮滚动并输出到变量

css - 焦点不在选项卡导航上