Я пытаюсь создать несколько прямоугольников с информационными окнами на карте Google. Я следил за шаблоном, используемым для нескольких маркеров, найденных по адресу Generating Google Maps markers From Database . Сначала я использовал этот пример и использовал один из латов и один из длинного для отображения значков на карте. Это сработало. Затем я меняю код на прямоугольники и добавляет границы. Но на карте нет прямоугольников. Я попытался жестко закодировать один из прямоугольников на карте и появился один прямоугольник.несколько прямоугольников в Картах Google из базы данных SQL
Я также убедился, что в описании, которое будет использоваться в infowindow, не было ссылок. Я обнаружил, что это проблема, если я передавал ссылку в переменной данных. Но я мог бы получить ссылку на работу, если я добавлю переменную со ссылкой в момент создания содержимого infowindow.
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var markers = [
<asp:Repeater ID="rptMarkers" runat="server">
<ItemTemplate>
{
"title": '<%# Eval("Quad_Name") %>',
"north": '<%# Eval("poly_north") %>',
"east": '<%# Eval("poly_east") %>',
"south": '<%# Eval("poly_south") %>',
"west": '<%# Eval("poly_west") %>',
"description": '<%# Eval("smqcomment") %>'
}
</ItemTemplate>
<SeparatorTemplate>
,
</SeparatorTemplate>
</asp:Repeater>
];
window.onload = function() {
var mapOptions = {
center: new google.maps.LatLng(41.78768535298007, -99.96481875),
zoom: 7,
mapTypeId: google.maps.MapTypeId.HYBRID
};
var infoWindow = new google.maps.InfoWindow();
var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
for (i = 0; i < markers.length; i++) {
var data = markers[i]
var rectangle = new google.maps.Rectangle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
map: map,
bounds: {
north: data.north,
south: data.south,
east: data.east,
west: data.west
}
});
(function (rectangle,data) {
google.maps.event.addListener(rectangle, "click", function (e) {
infoWindow.setContent(data.description);
infoWindow.open(map,rectangle);
});
})(rectangle,data);
}
}
</script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<div id="dvMap" style="width: 960px; height: 532px"></div>
Любая помощь будет большой благодарностью.
В чем проблема/проблема? – geocodezip