Javascript 谷歌地图API-为什么不';标签是否随标记一起设置动画?
我已经创建了一个谷歌地图并添加了一些标记。每个标记都有一个单字母标签(“a”、“B”、“C”)。然后设置每个标记反弹的动画 这一切都很好,但有一个恼人的例外:标签(“A”、“B”、“C”)不会随着标记反弹,所以看起来很奇怪 下面是JS/jQuery 关于如何让标签与标记一起反弹,有什么建议吗Javascript 谷歌地图API-为什么不';标签是否随标记一起设置动画?,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我已经创建了一个谷歌地图并添加了一些标记。每个标记都有一个单字母标签(“a”、“B”、“C”)。然后设置每个标记反弹的动画 这一切都很好,但有一个恼人的例外:标签(“A”、“B”、“C”)不会随着标记反弹,所以看起来很奇怪 下面是JS/jQuery 关于如何让标签与标记一起反弹,有什么建议吗 $(function () { var map; var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var labelIndex = 0;
$(function () {
var map;
var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
var labelIndex = 0;
var markers = [];
// Map locations
var mapLocations = [{
"name": "Windwood Hollow Park",
"description": "This is the description for location 1",
"position": {
"lat": 33.942253,
"lng": -84.278242
}
}, {
"name": "Peeler Road Linear Park",
"description": "This is the description for location 2",
"position": {
"lat": 33.940143,
"lng": -84.278394
}
}, {
"name": "Winters Chapel Animal Hospital",
"description": "This is the description for location 3",
"position": {
"lat": 33.940707,
"lng": -84.272021
}
}];
map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: 33.943345,
lng: -84.280186
},
zoom: 15
});
for (var j = 0; j < mapLocations.length; j++) {
var currentLabel = labels[labelIndex++ % labels.length];
// Create a map marker
var marker = new google.maps.Marker({
position: mapLocations[j].position,
map: map,
title: mapLocations[j].name,
label: currentLabel
});
marker.setAnimation(google.maps.Animation.BOUNCE);
}
});
$(函数(){
var映射;
var标签='abcdefghijklmnopqrstuvxyz';
var labelIndex=0;
var标记=[];
//地图位置
变量映射位置=[{
“名称”:“风木谷公园”,
“说明”:“这是位置1的说明”,
“职位”:{
“lat”:33.942253,
“液化天然气”:-84.278242
}
}, {
“名称”:“皮勒路线性公园”,
“说明”:“这是位置2的说明”,
“职位”:{
“lat”:33.940143,
“液化天然气”:-84.278394
}
}, {
“名称”:“温特斯教堂动物医院”,
“说明”:“这是位置3的说明”,
“职位”:{
“lat”:33.940707,
“液化天然气”:-84.272021
}
}];
map=new google.maps.map(document.getElementById('map'){
中心:{
拉脱维亚:33.943345,
液化天然气:-84.280186
},
缩放:15
});
对于(var j=0;j
标签似乎不会随着标记图标反弹。为了获得有弹性的标签,我建议您应该使用在图标上有标签字符的标记图标。(已弃用)
提供动态自定义图标
动态图标的示例如下:
其中chld=anyletter(此处为A)
最后6个字符是十六进制颜色代码(这里是FF9900)
不推荐使用的图表api允许为标记设置自定义颜色和标签。
新图表api放弃了对动态图标的支持
或者,谷歌也会在网站上维护一些自定义图标
maps.google.com/mapfiles/marker“+字母+”.png
其中字母是任何字母表。例如:
自定义图标也可用于
设置标记对象的图标属性
var marker = new google.maps.Marker({
position: mapLocations[j].position,
map: map,
title: mapLocations[j].name,
icon: "http://maps.google.com/mapfiles/marker" + letter + ".png"
});
我也注意到了这一点。可能需要在中打开一个问题。更正。从2015年9月6日开始有一个“解决方案”。一个“解决方案”是使用你自己的标记和里面的字母,或者通过后端图像处理“即时”创建它们。这里也许有一些启示:使用谷歌预先标记的图标对我很有用。谢谢