---


        var infoBubbles = new nokia.maps.map.component.InfoBubbles();

        var map = new nokia.maps.map.Display(document.getElementById("mapContainer"),
                            {
                                "components": [
                                          infoBubbles,
                                          new nokia.maps.map.component.ZoomBar(),
                                          new nokia.maps.map.component.Behavior(),
                                          new nokia.maps.map.component.TypeSelector(),
                                          new nokia.maps.map.component.ContextMenu()],
                                "zoomLevel": 9,
                                "center": [-27.471011, 153.023449]
                            });

        var mapPlaceWidget = new nokia.places.widgets.Place({
            map: map
        });

        var mapResultList = new nokia.places.widgets.ResultList({
            targetNode: "mapResultlist",
            map: map,
            onRenderPage: function () {
                mapResultList.displayOnMap();
            },
            events: [
                                {
                                    rel: "nokia-place-name",
                                    name: "click",
                                    handler: function (place2) {
                                        mapPlaceWidget.setPlace({ href: place2.href });
                                    }
                                }
            ]
        })

        var mapSb = new nokia.places.widgets.SearchBox({
            targetNode: "mapSearchbox",
            map: map,
            onResults: function (data) {
                mapResultList.setData(data);

            }
         
        });

---

---

var map = new nokia.maps.map.Display(document.getElementById("map"),
{components:[ new nokia.maps.map.component.Behavior(),],'zoomLevel': 12,'center':[41.8885694, -87.6355278]});

---

---

var listener = function (evt) {
    /* We check if this drag listener is called while the marker is being
        * dragged using the default behavior component
        */
    var mapDragType = evt.dataTransfer.getData("application/map-drag-type");

    if (mapDragType === "marker") {
        // Get the marker itself.
        var marker = evt.dataTransfer.getData("application/map-drag-object");

        // Get the offset of the mouse relative to the top-left corner of the marker.
        var offset = evt.dataTransfer.getData("application/map-drag-object-offset");

        /* Calculate the current coordinate of the marker, so substract the offset from the
            * current displayX/Y position to get the top-left position of the marker and then
            * add the anchor to get the pixel position of the anchor of the marker and then
            * query for the coordinate of that pixel position
            */
        var coordinate = map.pixelToGeo(evt.displayX - offset.x + marker.anchor.x, evt.displayY - offset.y + marker.anchor.y);

        // If the marker is dragged above a zone where it may not be dropped
        if (evt.dataTransfer.dropEffect === "none") {
            // If this is the end of the drag
            if (evt.type === "dragend") {
                // then the marker will jump back to where it was;
                updateInputValue(marker, marker.coordinate.toString());
            }
            else {
                // otherwise it is currently (while being dragged) above an invalid drop zone
                updateInputValue(marker, "Invalid drop zone!");
            }
        }
        else {
            // If the marker is somewhere above the map, update info text with the new coordinate.
                updateInputValue(marker, coordinate.toString());
        }
    }
};

/* Create a helper method that updates the text fields associated with the
    * marker passed as argument
    */
var updateInputValue = function (draggedMarker, text) {
    if (draggedMarker === marker)
        $("input[name*='txtGeoLocation']").val(text);
    //markerPosUiElt.innerHTML = text;
};

---

---

updateInputValue(marker, marker.coordinate.toString());

---

---

updateInputValue(marker, marker.coordinate.latitude.ToString() + ', ' + marker.coordinate.longitude.ToString());

---

---

updateInputValue(marker, marker.coordinate.latitude.ToString());

---

---

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<WipViewModel>" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Nokia map - Memory test</title>
</head>
<body>
    <div id="mapContainer" style="width: 1024px; height: 768px;">
    </div>
    <script type="text/javascript" charset="UTF-8" src="http://api.maps.nokia.com/2.2.4/jsl.js?with=maps,datarendering"></script>
    <script>
        nokia.Settings.set("appId", "<%= Model.NokiaMapAppId %>");
        nokia.Settings.set("authenticationToken", "<%= Model.NokiaMapAuthenticationToken %>");
        var UK_COORDINATE = { latitude: 52.308479, longitude: -1.351318 };

        // Get the DOM node to which we will append the map
        var mapContainer = document.getElementById("mapContainer");
        // Create a map inside the map container DOM node
        var map = new nokia.maps.map.Display(mapContainer, {
            // Initial center and zoom level of the map
            center: UK_COORDINATE,
            zoomLevel: 7,
            // We add the behavior component to allow panning / zooming of the map
            components: [new nokia.maps.map.component.Behavior()]
        });

       
        setInterval(addMarkersWithCleanup, 3000);

        // This function just add markers and clear them from the list itself
        function addMarkers() {
            console.log("Clearing markers");
            map.objects.clear();

            console.log("Adding markers");
            for (var i = 0; i < 50; i++) {
                var standardMarker = new nokia.maps.map.StandardMarker(getRandomCoordinate());
                // Next we need to add it to the map's object collection so it will be rendered onto the map.
                map.objects.add(standardMarker);
            }
            console.log("All markers added");
        }

        // This function adds markers and destroy them which remove them from any display
        function addMarkersWithCleanup() {
            var size = map.objects.getLength();
           
            console.log("Total objects on map before adding: " + size);
            if (size > 0) {
                console.log("Destroying all objects");
                for (var i = 0; i < size; i++) {
                    var marker = map.objects.get(0);
                    marker.destroy();
                }
                size = map.objects.getLength();
                console.log("Total objects remaining after clean up:  " + size);
            }
           
            size = map.objects.getLength();
            // Only add if we are sure there is nothing left on the map
            if (size <= 0) {
                console.log("Adding markers");
                for (var i = 0; i < 200; i++) {
                    var standardMarker = new nokia.maps.map.StandardMarker(getRandomCoordinate());
                    // Next we need to add it to the map's object collection so it will be rendered onto the map.
                    map.objects.add(standardMarker);
                }
                console.log("All markers added");
            }


        }

        function getRandomCoordinate() {
            return new nokia.maps.geo.Coordinate(this.getRandomNumber(50, 60), this.getRandomNumber(-1, -5));
        }
        function getRandomNumber(min, max) {
            return parseFloat((Math.random() * (max - min + 1) + min).toFixed(6));
        }

    </script>
</body>
</html>

---