Bex*_*Bex 5 asp.net google-maps google-maps-api-3
我正在使用谷歌地图API并复制了这些示例,最终得到了一个名为"initialize"的函数,该函数从body onload调用.
我在几个不同的用户控件中使用这些映射,这些控件放在内容占位符中,因此body标签位于母版页中.
有没有办法直接在usercontrol中调用initialize而不必在masterpage上放置onload？理想情况下,我希望我的用户控件是一个独立的控件,我可以插入页面而不尝试访问母版主体onload.
我尝试从用户控件的页面加载调用Initialize函数(通过添加启动脚本),但是没有显示地图.
有什么建议？
我的代码:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">/script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var map;
var geocoder;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(51.8052184317649, -4.965819906250006);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
$.ajax({
type: "POST",
url: "/GoogleMapsService.asmx/GetPointers",
contentType: "application/json; charset=utf-8",
dataType: "json",
beforeSend: function () {
$(".loadingData").html("<p>Loading data..</p>");
},
complete: function () {
$(".loadingData").html("");
},
cache: true,
success: mapPoints,
error: onError
});
}
function onError(xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(xhr.responseText);
}
function mapPoints(response) {
if (response.d != null) {
if (response.d.length > 0) {
for (var i = 0; i < response.d.length; i++) {
plotOnMap(response.d[i].Id, response.d[i].Name,
response.d[i].Lat, response.d[i].Long,
response.d[i].ShortDesc)
}
}
}
}
在我的测试母版页上:
<body onload="initialize()">
<form runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</form>
</body>
感谢您的回答，但我最终是这样做的：
<script type="text/javascript">
window.onload = function () {
initialize();
}
</script>
| 归档时间： |
|
| 查看次数： |
10592 次 |
| 最近记录： |