This is a migrated thread and some comments may be shown as answers.
How to add map marker with Script
2 Answers 63 Views
Map
This is a migrated thread and some comments may be shown as answers.
Steve
Top achievements
Rank 1
Steve asked on 18 Aug 2016, 11:24 PM

I have a map that a user will utilize in order to mark their position. I use geolocation and Bing layer to give them a good start. I want them to click on the map, have it recenter to the point they click, remove the existing marker, then create a new one where the map is centered.

 

function onClick(e) {
            var resultArray = e.location.toString().split(',');
            
            $('#map').data("kendoMap").center([parseFloat(resultArray[0]), parseFloat(resultArray[1])]);
            $('#map').data("kendoMap").markers.clear();
            $('#map').data("kendoMap").markers.add([parseFloat(resultArray[0]), parseFloat(resultArray[1])]);
        }

The function above centers the map, removes the previous marker, and does not give an error on the ADD.  However, the new marker doesn't show up.

Help please.

2 Answers, 1 is accepted

Sort by
0
Steve
Top achievements
Rank 1
answered on 19 Aug 2016, 03:09 PM

Got an answer on SO:

function createMap(Lat, Long) {
        $("#map").kendoMap({
            center: [Lat, Long],
            zoom: 17,
            layers: [{
                type: "bing",
                imagerySet: "aerialWithLabels",
                key: "###MYKEY###"
            }],
            markers: [{
                location: [Lat, Long],
                shape: "pinTarget",
                tooltip: {
                    content: "You are Here!!"
                }
            }],
            click: onClick,
            panEnd: onPanEnd
        });
    }
 
function onClick(e) {
        var map = $("#map").data("kendoMap");
        var loc = map.eventToLocation(e);
 
        map.center(loc);
        map.markers.clear();
        map.markers.add({ location: loc });
    }
0
Patrick
Telerik team
answered on 19 Aug 2016, 03:30 PM
Hi Steve,

Glad you found a solution!  

Regards,
Patrick
Telerik by Progress
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Map
Asked by
Steve
Top achievements
Rank 1
Answers by
Steve
Top achievements
Rank 1
Patrick
Telerik team
Share this question
or