Asp.net mvc 4 在MVC 5视图中以不同颜色显示谷歌地图图标
有人能告诉我谷歌地图为动态定位的项目生成的Java脚本或C代码吗 对于不同的类别级别,以不同的颜色显示谷歌地图图标 此my controller返回值var map=db.Locations.ToList;视图地图。这个数据库表有大约100条记录,例如类别名称AAA有记录12,BBB有记录10,等等。。每个类别的项目都需要以不同的颜色显示谷歌地图图标。我已附上我的代码Asp.net mvc 4 在MVC 5视图中以不同颜色显示谷歌地图图标,asp.net-mvc-4,c#-4.0,google-maps-api-3,Asp.net Mvc 4,C# 4.0,Google Maps Api 3,有人能告诉我谷歌地图为动态定位的项目生成的Java脚本或C代码吗 对于不同的类别级别,以不同的颜色显示谷歌地图图标 此my controller返回值var map=db.Locations.ToList;视图地图。这个数据库表有大约100条记录,例如类别名称AAA有记录12,BBB有记录10,等等。。每个类别的项目都需要以不同的颜色显示谷歌地图图标。我已附上我的代码 public ActionResult Index() { List<SelectList
public ActionResult Index()
{
List<SelectListItem> CourierList = new List<SelectListItem>();
var couriers = db.Locations.Select(x => x.CouriersName).Distinct().ToList();
ViewBag.CourierList = new SelectList(couriers);
var map = db.Locations.ToList();
return View(map);
}
如果您使用的是存储过程,则可以在从数据库中提取时在列表中添加图标
WHEN Category = 'AAA' THEN 'red.ico' END
或者可以在javascript中提取catergory并相应地检查它
var list = @Html.Raw(Json.Encode(ViewBag.CourierList));
for (var i = 0; i < list.length-1; i++) {
var model = list[i];
addMarker(model.IconUrl, new google.maps.LatLng(model.Latitude, model.Longitude));
--addMarker(returnIcon(model.Category), new google.maps.LatLng(model.Latitude, model.Longitude)); for category
}
function addMarker(iconUrl, myLatLng) {
var marker = new google.maps.Marker({
position: myLatLng,
icon: iconUrl,
map: map
});
}
function returnIcon(category){
var iconUrl = 'default.ico';
if(category == 'AAA')
iconUrl = 'abc.ico';
if(category == 'BBB')
iconUrl = 'red.ico';
return iconUrl;
}
ifcategory==“AAA”“AAA”不带硬代码值。由于大多数时间我都更新数据库值,如何动态修改此代码。其注释为addMarkerreturnIconmodel.Category,new google.maps.LatLngmodel.Latitude,model.Longitude;对于分类,我为谷歌地图添加了新的链接