我正在将谷歌地图控件添加到ASP.NET C#页面中。我已经从谷歌得到了API密钥,我只是在测试页面,但似乎地图不显示。我的最终结果是使用文本框输入纬度和经度,单击submit按钮后,地图会将我带到指定的位置。在前端,我有这个:
<script>
var map;
function initialize() {
map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(48.1293954, 11.556663), // Munich Germany
zoom: 10
});
}
function newLocation(newLat, newLng) {
map.setCenter({
lat: newLat,
lng: newLng
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<form id="form1" runat="server">
<asp:ScriptManager ID="sManager" runat="server" />
<asp:UpdatePanel ID="pnlTest" runat="server">
<ContentTemplate>
<div style="height: 60%;" id="map"></div>
<asp:TextBox ID="txtLat" runat="server" />
<asp:TextBox ID="txtLong" runat="server" />
<asp:Button ID="btnSubmit" Text="Submit" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</form>
我还没有完成按钮单击事件,因为我想先完成上面的操作。
发布于 2018-12-17 05:43:45
在我的例子中,我试图在更新面板中的Modal弹出对话框中显示地图。很棘手!
这就是解决方案:
private void ShowMap(string Address_Lat,string Address_Long) { ScriptManager.RegisterStartupScript( UpdatePanel1,this.GetType(),"RenderMap","RenderTheMap(“+ Address_Lat + ",”+ Address_Long + ");",true);MapPanel_ModalPopupExtender.Show();}
对于任何想要添加Google地图作为更新面板内的弹出模块的人
https://stackoverflow.com/questions/43782032
复制相似问题