.marker { margin-top: 20px; margin-left: 30px; position: relative; } .pulse { width: 10px; height: 10px; border: 5px solid #ffb3b3; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #ff4d4d; z-index: 10; position: absolute; } .dot { position: absolute; height: 50px; width: 50px; top: -25px; left: -25px; z-index: 2; opacity: 0; border: 10px solid #ffe6e6;; background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-animation: flash 2s ease-out; -moz-animation: flash 2s ease-out; animation: flash 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-moz-keyframes pulse { 0% {-moz-transform: scale(0);opacity: 0.0;} 25% {-moz-transform: scale(0);opacity: 0.1;} 50% {-moz-transform: scale(0.1);opacity: 0.3;} 75% {-moz-transform: scale(0.5);opacity: 0.5;} 100% {-moz-transform: scale(1);opacity: 0.0;} } @-webkit-keyframes "flash" { 0% {-webkit-transform: scale(0);opacity: 0.0;} 25% {-webkit-transform: scale(0);opacity: 0.1;} 50% {-webkit-transform: scale(0.1);opacity: 0.3;} 75% {-webkit-transform: scale(0.5);opacity: 0.5;} 100% {-webkit-transform: scale(1);opacity: 0.0;} }
function codeAddress() { var address = document.getElementById('address').value; geocoder.geocode( { 'address': address}, function(results, status) { if (status == 'OK') { map.setCenter(results[0].geometry.location); var marker = new google.maps.Marker({ //animation: google.maps.Animation.BOUNCE, map: map, icon: { path: google.maps.SymbolPath.CIRCLE, scale: 8.5, fillColor: "#ff0000", fillOpacity: 0.6, strokeWeight: 0.4, }, position: results[0].geometry.location }); } else { alert('Geocode was not successful for the following reason: ' + status); } }); }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)