以動畫方式呈現標記
                編輯時間:2017-03-03

                QQ截圖20170303091746.png

                    您可以通過動畫的方式呈現標記,以便它們能夠在各種不同的情況下展現出動態移動的效果。要指定某個標記的

                動畫呈現方式,請使用該標記的 animation 屬性,其類型為 google.maps.Animation。可支持以

                 Animation 值:

                • DROP 表示第一次將該標記放置在地圖上時,該標記應該從地圖頂部下落到其最終位置。一旦標記停止移


                • 動,動畫即停止,并且 animation 將還原為 null。在創建 Marker 時,通常會指定這種類型的動


                  畫。


                • BOUNCE 表示該標記應該在原地彈跳。彈跳標記將持續彈跳,直到其 animation 屬性顯式設置


                •  null

                您可以通過對 Marker 對象調用 setAnimation() 來對現有標記啟動動畫。

                以下示例將展示標注動畫,并且是可以拖動

                var google_map = new BigeMap();
                var marker;
                function iniMap() {
                   
                var myOptions = {
                       
                //設置中心點
                     
                center: new google.maps.LatLng(30.54024807, 104.06966686),
                       
                //默認顯示級別
                     
                zoom: 4,
                       
                //是否顯示街景 因為大部分是離線,所以不需要顯示
                     
                streetViewControl: false,
                        
                mapTypeControlOptions: {
                           
                mapTypeIds: ['google_online_map']
                       
                }
                    }
                ;
                   
                //初始化map對象
                   
                map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                      
                //map對象中添加一種地圖
                     
                map.mapTypes.set('google', google_map);
                      
                marker = new google.maps.Marker({
                       
                position: new google.maps.LatLng(30.54024807, 104.06966686),
                       
                title:'Hello World!',
                       
                draggable: true,
                       
                animation: google.maps.Animation.DROP,
                       
                map:map
                   
                });
                   
                google.maps.event.addListener(marker,'click',function () {
                       
                toggleBounce();
                   
                });
                   
                //設置map對象默認顯示 google 地圖 也就是上面的google_map對象
                   
                map.setMapTypeId('google');

                }

                function toggleBounce() {
                   
                if (marker.getAnimation() !== null) {
                       
                marker.setAnimation(null);
                   
                } else {
                       
                marker.setAnimation(google.maps.Animation.BOUNCE);
                   
                }
                }


                                           

                微信掃碼添加客服
                400-028-7262
                聯系我們
                主站蜘蛛池模板: 性xxxx18免费观看视频| 欧美精品一区二区三区免费观看| 欧美国产日本高清不卡| 四虎永久在线精品国产免费| 2021天天干| 孕妇videos孕交| 久久亚洲高清观看| 欧美日韩亚洲国产一区二区三区 | 日本高清无卡码一区二区久久| 亚洲精品在线网| 精品无码久久久久久国产| 国产在线视精品麻豆| 2022国产成人精品福利网站| 女网址www女大全小| 中文字幕高清在线| 日韩精品中文字幕无码一区| 亚洲成a人片在线观看www| 男人把女人桶爽30分钟一| 噜噜噜亚洲色成人网站| 高清国产性色视频在线| 国产精品原创巨作av| AV无码久久久久不卡蜜桃| 成人在线第一页| 久久亚洲精品无码aⅴ大香| 欧美videos在线观看| 亚洲欧美日韩国产精品一区二区 | 香蕉视频在线网址| 日韩欧美色综合| 亚洲欧美色一区二区三区| 精品国产福利在线观看| 国产伦精品一区二区三区免费下载| jealousvue熟睡入侵中| 日批视频在线免费观看| 亚洲色国产欧美日韩| 综合图区亚洲欧美另类图片| 国产强被迫伦姧在线观看无码| 18禁裸乳无遮挡啪啪无码免费 | 国产韩国精品一区二区三区| 一个人hd高清在线观看免费直播| 无码人妻精品一区二区| 久久精品国产亚洲av麻豆 |