Я просматривал некоторые базовые элементы карт Google и обнаружил следующий код на одной из начальных страниц Google.
Я использовал его в качестве своего POC и создал проект .net на основе этой концепции.Теперь у меня есть маркеры и информационные окна, которые заполняются из базы данных, что довольно круто.
Моя проблема в том, что я хочу добавить InfoWindows плавным способом (не только на карту, но и сохранить в БД).Вместо того, чтобы иметь элементы управления .net вне окна карты, я хочу иметь возможность добавлять информацию на карту напрямую.Если пользователь нажимает на карту, я хотел бы иметь возможность добавить маркер и InfoWindow с элементами управления asp в окне (текстовое поле и кнопка).
Кто-нибудь знает, как это сделать?
<html>
<head>
<title>
title here
</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function mapParamsInitialize()
{
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var contentString = '<div id="content"> Here is some text that will display in an infoWindow, or \'bubble\' </div>';
var infowindow = new google.maps.InfoWindow({ content: contentString });
var marker = new google.maps.Marker({ position: latlng, map: map, title: "Custom Window here" });
google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); });
}
</script>
</head>
<body onload="mapParamsInitialize()">
<div id="map" style="width:100%; height:100%"></div>
</body>