Live Code Editor Version 2.0

Demo google map marker animate a marker complex RUN

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
        <title>Simple icons</title>
        <style>
            html, body, #map-canvas {
                height: 100%;
                margin: 0px;
                padding: 0px
            }
        </style>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDfNk5eVWmQB9e6ApnWzICLNIY5lUXpOBw&language=vi"></script>
        <script>
            // Trong ví dụ này ta sẽ tạo một complex markers bãi biển gần Sydney, NSW, Australia.
            function initialize() {
                var mapOptions = {
                    zoom: 10,
                    center: new google.maps.LatLng(-33.9, 151.2)
                };
                var map = new google.maps.Map(document.getElementById('map-canvas'),
                        mapOptions);

setMarkers(map, beaches);
            }

// Danh sahcs Địa Điểm
            var beaches = [
                ['Bondi Beach', -33.890542, 151.274856, 4],
                ['Coogee Beach', -33.923036, 151.259052, 5],
                ['Cronulla Beach', -34.028249, 151.157507, 3],
                ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
                ['Maroubra Beach', -33.950198, 151.259302, 1]
            ];