Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
x
Send Feedback
Thank you! We appreciate your feedback.
Backend API
@(Html.DevExtreme().Map()
.ID("map")
.Center("Brooklyn Bridge,New York,NY")
.Zoom(14)
.Height(400)
.Width("100%")
.Provider(GeoMapProvider.Bing)
// Specify your API keys for each map provider:
//.ApiKey(k => k
// .Bing("YOUR_BING_MAPS_API_KEY")
// .Google("YOUR_GOOGLE_MAPS_API_KEY")
// .GoogleStatic("YOUR_GOOGLE_STATIC_MAPS_API_KEY")
//)
.Type(GeoMapType.Roadmap)
)
<div class="options">
<div class="caption">Options</div>
<div class="option">
<span>Map Type</span>
@(Html.DevExtreme().SelectBox()
.ID("choose-type")
.DataSource(new[] {
new { key = GeoMapType.Roadmap, name = "Road Map" },
new { key = GeoMapType.Satellite, name = "Satellite (Photographic) Map" },
new { key= GeoMapType.Hybrid, name= "Hybrid Map" }
})
.DisplayExpr("name")
.ValueExpr("key")
.Value(GeoMapType.Roadmap)
.OnValueChanged("selectBoxChooseType_onValueChanged")
)
</div>
</div>
<script>
function selectBoxChooseType_onValueChanged(data) {
$("#map").dxMap("instance").option("type", data.value);
}
</script>
using Microsoft.AspNetCore.Mvc;
using System;
using System.Collections.Generic;
using System.Linq;
namespace DevExtreme.NETCore.Demos.Controllers {
public class MapController : Controller {
public ActionResult ProvidersAndTypes() {
return View();
}
}
}