Я хотел дать опцию выбора из выпадающего списка .при нажатии на Google map marker.aps.net
У меня есть таблица базы данных sqlserver.где есть 5 колонн.Лонгитайд,широта,название завода,название линии,название машины.Я хотел заполнить эти данные в google map.Так что все широты и долготы будут иметь маркер.при нажатии на маркер должен появиться выпадающий список.где все plant_name должны прийти.Для одного названия растения существует более одной строки.Так что после выбора растения.Должен появиться выпадающий список, который должен содержать все доступные названия строк.Теперь после выбора имени строки должно быть отображено все имя машины.пожалуйста помочь.Я могу отобразить все маркеры и соответствующее название растения.Но не в состоянии заполнить имя строки.
Что я уже пробовал:
//это HTML-код
<!DOCTYPE html>
<meta charset="utf-8">
в <мета имя="область просмотра" содержимого="ширина=устройство-ширина, начально-масштаб=1, психиатр-к-пригонки=нет"и GT;
<meta http-equiv="x-ua-совместимый" контент="ie=edge">
<title>интеллектуальные краны - приборная панель
ИНТЕЛЛЕКТУАЛЬНЫЕ КРАНЫ
маркеры var = [
&амп;ЛТ;АСП:репитер идентификатор="rptMarkers" атрибут runat="сервер"и GT;
<ItemTemplate>
{
"расположение": '&амп;ЛТ;%# Ивала("расположение") %&ГТ;',
"plant": '<%# Eval("PlantName") %>',
"lat": '<%# Eval("широта") %>',
"lng": '<%# Eval("долгота") %>',
"linename": '<%# Eval("LineName") %>',
"имя_компьютера": '&амп;ЛТ;%# Ивала("Имя_компьютера") %&ГТ;',
}
</ItemTemplate>
<SeparatorTemplate>
,
</SeparatorTemplate>
</asp:ретранслятор>
];
window.onload = функция () {
var mapOptions = {
центр: Новые google.maps.LatLng(маркеры[0].lat, маркеры[0].lng),
Зум: 8,
mapTypeId: google.maps.MapTypeId.ДОРОЖНАЯ КАРТА
};
var infoWindow = новый google.maps.InfoWindow();
ВАР карта = новый Google.карты.Карта(документ.метода getElementById("растение-управление-карте"), mapOptions);
для (i = 0; i < markers.length; i++)
{
var data = маркеры[i]
var myLatlng = новый google.maps.Latlng С(данные.широта, сведения.СПГ);
var marker = новый google.maps.Маркер({
должность: myLatlng,
карта: карта,
название: data.title
});
(функция (маркер, данные) {
google.maps.event.addListener(маркер, "клик", функция (e) {
infoWindow.setContent ("в<h1 и класс='всплывающее окно-заголовок В'>" + Данные.завод + " &ЛТ;/Н1&ГТ;&ЛТ;Н6 &ГТ;" + данные.расположение + " &ЛТ;/Н6&ГТ;&ЛТ;див ИД='всплывающее окно-тело-контент'&ГТ; &ЛТ;див класс='список групп'&ГТ;&ЛТ;класс='список-группа-элемент списка-группа-предмет-действие в'>" + данные.linename + "на<i класс='фа фа-каре-право' Ария-скрытые='правда'&ГТ;&ЛТ;/а&ГТ;&ЛТ;/а&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/дел&ГТ;");
infoWindow.open(карта, маркер);
});
})(маркер, данные);
}
}
//Вот код C#.
использование системы;
использование системы.Коллекции.Общий;
использование System.Linq;
использование системы.Сеть;
использование System.Web.UI;
используя системы.Веб.Пользовательского интерфейса.WebControls;
использование System.Data;
используя системы.Данных.Поставщики sqlclient;
использование системы.Конфигурация;
общественный разделяемого класса plant_managment_me : система.Веб.Пользовательского интерфейса.Страницы
{
охраняемых недействительными в(объект отправителя, EventArgs в электронной)
{
если (!это.IsPostBack)
{
DataTable dt = это.GetData("select * from PlantMgt");
rptMarkers.Источник данных = dt;
rptMarkers.Привязку();
}
}
private DataTable GetData(строковый запрос)
{
string conString = ConfigurationManager.ConnectionStrings["CraneMonitorConnString"].Параметр connectionString;
SqlCommand cmd = новая команда SqlCommand(запрос);
using (SqlConnection con = new SqlConnection(conString))
{
использование (SqlDataAdapter sda = новый SqlDataAdapter())
{
УМК.Подключение = кон;
АСД.Команды selectcommand = ЦМД;
using (DataTable dt = new DataTable())
{
ПДД.Заполнить(ДТ);
возврат dt;
}
}
}
}
}