FineUI 官方论坛

标题: AppBox下Google地图开发出现问题 [打印本页]

作者: luokaijin 时间: 2013-10-11 12:00
标题: AppBox下Google地图开发出现问题
打开页面，只显示一小点地图，如下图：
[attach]3346[/attach]
调整IE窗口大小后（点“最大化”和“向下还原”按钮）后，地图的图像变大了，如下图：
[attach]3347[/attach]
偶尔一打开也能全部打开地图，请大家帮帮忙呀！谢谢哈！
代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LkdWeb.aspx.cs" Inherits="AppBox.Client.LkdWeb" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>访问用户界面事件中的参数</title>
<style type="text/css">
      #maps
      {
         height: 500px;
      }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>
<script language="javascript" type="text/javascript">
      var map;
      //初始化
      function initialize() {
         var Latlng = new google.maps.LatLng(39.363882, 116.044922);
         var Options = {
            zoom: 6, center: Latlng, mapTypeId: google.maps.MapTypeId.ROADMAP
         }
         map = new google.maps.Map(document.getElementById("maps"), Options);
         //在点击地图处添加图标
         google.maps.event.addListener(map, "click", function (event) {
            placeMarker(event.latLng);
         });
      }
      function placeMarker(location) {
         //创建图标，并将图标标题设置为点击地址
         var clickedLocation = new google.maps.LatLng(location);
         var address = location.lat() + "," + location.lng();
         var marker = new google.maps.Marker({
            position: location, map: map, title: address
         });
         map.setCenter(location);
         //弹出点击地理位置
         alert(address);
      }
      //在window的load事件中加载地图
      google.maps.event.addDomListener(window, "load", initialize);
</script>
</head>
<body>
<form id="form1" runat="server">
      <x

ageManager ID="

ageManager1" AutoSizePanelID="

anel1" runat="server" />
<x

anel ID="

anel1" runat="server" BodyPadding="5px" EnableLargeHeader="false" EnableBackgroundColor="true"
         ShowBorder="false" Layout="VBox" BoxConfigAlign="Stretch" BoxConfigPosition="Start"
         ShowHeader="false" Title="用户管理">
         <Items>
            <x:Form ID="Form2" runat="server" Height="36px" BodyPadding="5px" ShowHeader="false"
                  ShowBorder="false" LabelAlign="Right" EnableBackgroundColor="true">
                  <Rows>
                     <x:FormRow ID="FormRow1" runat="server">
                        <Items>
                              <x:TextBox ID="txt_weidu" runat="server" Label="纬度" Text=""></x:TextBox>
                              <x:TextBox ID="txt_jingdu" Label="经度" Text="" runat="server"></x:TextBox>
                              <x:Button ID="btnChaXun" Icon="StyleGo" runat="server" Text="查询" />
                        </Items>
                     </x:FormRow>
                  </Rows>
            </x:Form>
            <x:ContentPanel ID="ContentPanel1" runat="server" BodyPadding="5px"
                     EnableBackgroundColor="true" ShowBorder="true" ShowHeader="False">
                  <div id="maps">

                  </div>
            </x:ContentPanel>
         </Items>
      </x

anel>
</form>
</body>
</html>

作者: 过往烟云 时间: 2013-10-12 10:17
<div id="map_canvas" style="width:100%;Height:100%; float: left; position:absolute;z-index:99;left:0;top:0; overflow: visible; visibility: visible;">3</div>

作者: luokaijin 时间: 2013-10-12 21:33
用你的代码试了，但问题依旧，偶尔打开正常，请问还有什么办法吗？谢谢了

作者: CHERISH 时间: 2013-11-13 10:23
楼主，我之前也遇到你说的问题，但是弄了很久也没找到解决的办法，后面我不用FineUI的控件，直接写<div id="maps">
</div>问题就解决了，不知道你现在是怎么解决的呢？还有那个地图怎么让它在不同的国家显示不同国家的语言的？想请教你一下，觉得好厉害呀！！

作者: 在飘雪的季节。 时间: 2013-11-13 11:22
我做百度地图的经验,上面的工具条和下面的百度地图是两个页面

作者: wanghenan 时间: 2013-11-13 13:53
看看这个百度地图示例
http://www.fineui.com/bbs/forum. ... &extra=page%3D1

作者: luokaijin 时间: 2013-12-14 20:37
谢谢，已经解决，在function onReady() 函数里加载地图函数就行了

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)