Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API-为什么不';标签是否随标记一起设置动画?_Javascript_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图API-为什么不';标签是否随标记一起设置动画?

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;

我已经创建了一个谷歌地图并添加了一些标记。每个标记都有一个单字母标签(“a”、“B”、“C”)。然后设置每个标记反弹的动画

这一切都很好,但有一个恼人的例外:标签(“A”、“B”、“C”)不会随着标记反弹,所以看起来很奇怪

下面是JS/jQuery

关于如何让标签与标记一起反弹,有什么建议吗

$(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日开始有一个“解决方案”。一个“解决方案”是使用你自己的标记和里面的字母,或者通过后端图像处理“即时”创建它们。这里也许有一些启示:使用谷歌预先标记的图标对我很有用。谢谢