I am using KendoMap control.
I just want to position the close option in tool tip of Map marker.How to do this.?
And the code , I'm using is..........
<script type="text/javascript">
var markers_array = [];
function create_markers_array_from_data() {
$.ajax({
type: "POST",
url: '@Url.Action("GetDemographyDetails", "Map")',
data: {
selectedChannels: '@Model.ParameterNames',
channelids:'@Model.ParameterIds'
},
async: false,
dataType: "json",
success:
function (response) {
if ((response == "\"Session Expired\"") || (response == "Session Expired")) {
location.href = kendo.format('@(Server.UrlDecode(Url.Action("Account", "Login")))');
}
for (var i = 0; i < response.length; i++) {
markers_array.push({
location: [parseFloat(response[i].Latitude), parseFloat(response[i].Longitude)],
tooltip: {
content: response[i].Content,
close: {
position:"left"
}
},
shape: response[i].CompanyStatus
})
}
}
});
return markers_array;
}
$("document").ready(function()
{
$("#map").kendoMap({
center: [21.0, 79.4667],
zoom: 5,
layers: [{
type: "tile",
urlTemplate: "http://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
attribution: "© OpenStreetMap"
}],
markerDefaults: {
shape: "GREENMARKER"
},
markers: create_markers_array_from_data()
});
});
I just want to position the close option in tool tip of Map marker.How to do this.?
And the code , I'm using is..........
<script type="text/javascript">
var markers_array = [];
function create_markers_array_from_data() {
$.ajax({
type: "POST",
url: '@Url.Action("GetDemographyDetails", "Map")',
data: {
selectedChannels: '@Model.ParameterNames',
channelids:'@Model.ParameterIds'
},
async: false,
dataType: "json",
success:
function (response) {
if ((response == "\"Session Expired\"") || (response == "Session Expired")) {
location.href = kendo.format('@(Server.UrlDecode(Url.Action("Account", "Login")))');
}
for (var i = 0; i < response.length; i++) {
markers_array.push({
location: [parseFloat(response[i].Latitude), parseFloat(response[i].Longitude)],
tooltip: {
content: response[i].Content,
close: {
position:"left"
}
},
shape: response[i].CompanyStatus
})
}
}
});
return markers_array;
}
$("document").ready(function()
{
$("#map").kendoMap({
center: [21.0, 79.4667],
zoom: 5,
layers: [{
type: "tile",
urlTemplate: "http://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
attribution: "© OpenStreetMap"
}],
markerDefaults: {
shape: "GREENMARKER"
},
markers: create_markers_array_from_data()
});
});