Google Maps JavaScript API V3 一个Bugger. 不能把地图的DIV放在table中
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Map.aspx.cs" Inherits="Map" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>无标题页</title>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <%--sensor 参数，以指明此应用程序是否使用传感器确定用户的位置--%>
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var map;
$(function () {
var myLatlng = new google.maps.LatLng(24.47056849943595, 118.11364889144897);
var myOptions = {
zoom: 21,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
BF_Restaurant_Service.SelectBy_LatLngZoomWS__BF_Restaurant_(24, 25, 117, 119, 1, onGetRestaurantSucceed_dhx, onGetRestaurantError_dhx);
});
function onGetRestaurantSucceed_dhx(resList_dhx) {
alert(resList_dhx);
if (resList_dhx == null) return;
for (i = 0; i < resList_dhx.length; i++) {
alert(resList_dhx[i].Lat纬度 + "," + resList_dhx[i].Lng经度);
var myLatlng = new google.maps.LatLng(resList_dhx[i].Lat纬度, resList_dhx[i].Lng经度);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: resList_dhx[i].Name名称
});
}
}
function onGetRestaurantError_dhx(err_dhx) {
alert(err_dhx.get_message());
}
</script>
</head>
<body>
<table>
<tr>
<td></td>
<td><div id="map_canvas"></div></td>
</tr>
</table>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/BF_Restaurant/BF_Restaurant_Service.asmx" />
</Services>
</asp:ScriptManager>
</form>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架