[Google Maps API v2] Regarding use of GIcon

[Syed Zubair]

Hi All,

In my google API I was unable to use GIcon inside the google map.

Here is my script.
var geocoder;
var map;
var stepDisplay;

// markerOptions2 = { icon:myIcon };
var myIcon = new GIcon(G_DEFAULT_ICON);
myIcon.image = "
http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";;
function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(51.4974322, -0.1359187);
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
    stepDisplay = new google.maps.InfoWindow();
}

function searchLocations() {
    var address = document.getElementById('addressInput').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
                          if (status == google.maps.GeocoderStatus.OK) {
                            var reslt = results[0].geometry.location;
                            queryNearestLoc(reslt ,address );

                          } else {
                            alert("Geocode was not successful for the
following reason: " + status);
                          }
                      });
}

function searchLocationsNearBy(data) {
    var  parser=new DOMParser();
    var xmlDoc=parser.parseFromString(data,"text/xml");
    var markers = xmlDoc.documentElement.getElementsByTagName('marker');
    var sidebar = document.getElementById('sidebar');
    sidebar.innerHTML = '';
    if (markers.length == 0) {
        sidebar.innerHTML = 'No results found.';
        map.setCenter(new google.maps.LatLng(51.4974322, -0.1359187), 4);
        return;
    }
    var lastAddr;
    for (var i = 0; i < markers.length; i++) {
        var name =  markers[i].getAttribute('name');
        var address =  markers[i].getAttribute('address');
        var distance = parseFloat( markers[i].getAttribute('distance'));
        var navUrl = markers[i].getAttribute('navUrl');
        var point = new google.maps.LatLng(parseFloat(
markers[i].getAttribute('lat')), parseFloat(
markers[i].getAttribute('lng')));
        var marker = createMarker(point, name, address, navUrl, myIcon);
        var sidebarEntry = createSidebarEntry(marker, name, address,
distance);
        sidebar.appendChild(sidebarEntry);
        lastAddr = point;
    }
     map.setCenter(lastAddr);
}

function createMarker( point, name, address, navUrl, myIcon) {
    var marker = new google.maps.Marker( {position: point, map: map, icon:
myIcon});
    var html = '<div style="width:250px;height:100px;overflow: hidden;
color:#000033;font-family:verdana; font-size: 12px"> <b>' + name + '</b>
<br/>' + address + '<br/> <a href=' + navUrl +'><b>Book an appointment</b>
</a> </div>';
    google.maps.event.addListener(marker, 'click', function() {

 stepDisplay.setContent(html);

 stepDisplay.open(map, marker);
                                                              });
    return marker;
}

function createSidebarEntry(marker, name, address, distance) {
    var div = document.createElement('div');
    var html = '<b>' + name + '</b> (' + distance.toFixed(1) + ')<br/>' +
address;
    div.innerHTML = html;
    div.style.cursor = 'pointer';
    div.style.marginBottom = '5px';
    google.maps.event.addDomListener(div, 'click', function() {
                                        google.maps.event.trigger(marker,
'click');
                                    });
    google.maps.event.addDomListener(div, 'mouseover', function() {
                                        div.style.backgroundColor = '#eee';
                                    });
    google.maps.event.addDomListener(div, 'mouseout', function() {
                                        div.style.backgroundColor = '#fff';
                                    });
    return div;
}


function queryNearestLoc(reslt ,address ){
    jSearchLocations(reslt.toString());
}//

Please provide me a solution regarding the using of GIcons.

Regards
Syed Zubair.

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps API V2" group.
To post to this group, send email to google-maps-api@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-api+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-api?hl=en.