Add markers to Ext.Map

[andrea88v]

Hi, I've a NestedList of locations divided by category.

At the last level I want to show in a map the points of locations in that level.

I've a tab panel in which I've two tabs: the first contain an Ext.NestedList, the second contains an Ext.Map.

I've already implemented the function that controls in which level I am; in that level I've already implemented a function to calcolate the user distance from the current location to the location for each element in that level of NestedList.

Next I try to add a point to the Map for that location in this way:

var myLatlng = new google.maps.LatLng(lat, lon);
var marker = new google.maps.Marker({
        position: myLatlng,
	map: Ext.getCmp('mypoi').map
});

Console doesn't show any errors but the marker isn't added to the map.


Where's the mistake?

[mitchellsimoens]

Are you doing this after the maprender event has fired on the Ext.Map?

[Jonny F]

var myLatlng = new google.maps.LatLng(lat, lon);
var marker = new google.maps.Marker({
        position: myLatlng,
    map: Ext.getCmp('mypoi').map
});

You need to use the getMap() method. This should work..

var myLatlng = new google.maps.LatLng(lat, lon);
var map = Ext.getCmp('mypoi').getMap();
var marker = new google.maps.Marker({
        position: myLatlng,
    map: map
});