Mostrando las entradas con la etiqueta Marker. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Marker. Mostrar todas las entradas

viernes, 17 de junio de 2016

Mapas Google renderizado de imagen

<script src="http://maps.googleapis.com/maps/api/js?sensor=false">/*referenciamos el Api de los mapas*/</script>
 <script type="text/javascript">
$(document).on("ready", function(){                                                                 
        var myLatLng = {lat:latitudv, lng:longitudv}                                            
        var myLatLng2 = {lat:latitudpop, lng:longitudpop}                                  
        var imagepop = 'image/verde.png';                                                            
        var imageuser ='image/icono_gps.gif';                                                       
                                                                                                                            
        var mapOptions = {                                                                                    
            zoom: 16,                                                                                                
            center: new google.maps.LatLng(latitudv, longitudv),                           
            mapTypeId:google.maps.MapTypeId.ROADMAP                                
        };                                                                                                                 
        mapa = new google.maps.Map($("#map-canvas")[0], mapOptions);        
                                                                                                                            
        var marker = new google.maps.Marker({ /*  Icono Gif con efecto  */      
            position: myLatLng,                                                                               
            map: mapa,                                                                                             
            animation: google.maps.Animation.DROP,                                           
            icon: imageuser,                                                                                     
            optimized:false   /*  desactivamos la norma de renderizado para que  

tome el efecto deseado*/                                                                                   
        });                                                                                                              
        var marker = new google.maps.Marker({   /*  Icono normal  */              
            position: myLatLng2,                                                                            
            map: mapa,                                                                                            
             animation: google.maps.Animation.DROP,                                         
            icon: imagepop                                                                                      
        });                                                                                                              
           marker.setMap(mapa);                                                                           
    });                                                                                                 
                
</script>