Map Code

gistfile1.txt

            function initialize() {

                var mapOptions = {
                  center: new google.maps.LatLng(33.219105,-87.046053),
                  zoom: 16,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
                
                // Current Position Marker.
                var marker1 = new google.maps.Marker({
                    position:new google.maps.LatLng(33.219105,-87.046053),
                    map:map,
                    anchor: new google.maps.Point(160, 32),
                    icon:'../images/mapMarkerAlt.png' // This path is the custom pin to be shown. Remove this line and the proceeding comma to use default pin
                });
                
                // Apply DROP animation.
                marker1.setAnimation(google.maps.Animation.DROP);
                
                // Generate map marker RING image,
               homeMarkerImage = new google.maps.MarkerImage(
                        '../images/animatedCircle/cir-18.png',
                        new google.maps.Size(100,100), // size
                        new google.maps.Point(0,0), // origin
                        new google.maps.Point(54, 59) // anchor
                );
                
                // Attach ring image to map marker.
                window.homeMarker = new google.maps.Marker({
                        position:new google.maps.LatLng(33.219105,-87.046053), 
                        map:map,
                        title:"Check this cool location",
                        icon:homeMarkerImage
                });

            }