[地图SkyLine二次开发]框架(2)

上节讲到，地图加载。

但我们可以发现，当没有页面布局的情况下，<OBJECT>控件，没有占满整个屏幕，这里我们就要用到Extjs的功能了。

这节要讲的是用Extjs为<OBJECT>控件布局，让它适应任何版本的IE浏览器(因为SkyLine目前只支持IE)。

1.将Extjs包引进项目。

-这里需要注意，网上下载的Extjs5.0包里，包含有很多例子之类的，为了保证项目尽可能的干净，我们只去一小部分。

2.在项目中应用

-我们在上一节，将OBJECT空间直接写在Index.cshtml里，在这里，我们需要修改一下，

我们要用Extjs里的ViewPort渲染到Index.cshtml里。

@{Layout = null;
}<!DOCTYPE html><html>
<head><meta name="viewport" content="width=device-width" /><title>三维地图</title>    <META http-equiv="X-UA-Compatible" content="IE=8" > </META>@*这样IE8-9就可以兼容了，IE10暂时没测试*@<link href="~/Scripts/ext-5.0.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" rel="stylesheet" /><script src="~/Scripts/ext-5.0.0/ext-all.js"></script><script type="text/javascript">Ext.onReady(function () {Ext.define('HJ.view.Main', {extend: 'Ext.panel.Panel',layout: 'border',alias: 'widget.main',initComponent: function () {var centerPanel = Ext.create('Ext.panel.Panel', {region: 'center',margins: '0 0 0 0',paddings: '0 0 0 0',layout: 'fit',style: {textAlign: 'right'},items: {html: '<object id="TerraExplorerX" height="100%" width="100%" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1"></object>'}});this.items = [centerPanel];this.callParent(arguments);}});Ext.create('Ext.container.Viewport', {layout: 'border',autoload: true,items: [{xtype: 'main', region: 'center'}]});});</script>
</head>
<body>
</body>
</html>

3.在没有加载地图的时候，我们看一下效果。

-占满了整个屏幕^^。

4.结束语

-有些人会说，这个控件布局何必这么麻烦，检测下IE高度，加载控件时将高度附上去就OK了，

这里我想说的是，既然要判断那就需要IE版本，或者以后SkyLine开发Google或者火狐浏览器时，还得判断其他浏览器，

这里Extjs是我找到比较省事儿的方法。

转载于:https://www.cnblogs.com/zhenhong/p/3911823.html

[地图SkyLine二次开发]框架(2)相关推荐

php离线地图,如何发布百度离线地图及二次开发API
相关教程: 1.说明离线地图开发环境支持谷歌地图.百度地图.高德地图等等所有常用地图类型,支持在局域网内的地图部署.二次开发. 2.实现第一步:下载安装离线地图开发环境下载安装好之后,启动软件, ...
Arcgis加载离线地图服务二次开发
ARCGIS搭建离线地图服务器,进行离线地图二次开发 1. 离线地图金字塔瓦片数据 (下载数据教程:http://www.bigemap.com/helps/doc20190312126.h ...
skyline二次开发:mpt简析
做te开发的时候,最基本的还是要加一个mpt,没有mpt或者在线发布的mpt,连一个工程都不能打开,更不用说做别的. 作为商业软件,有些格式一定是限制的,而且也不是很显眼的被看出来,不能像cesium ...
百度地图API二次开发小经验分享
最近在做一个物流后台系统,需要用地图来把订单地址展示出来,需要在地图上批量框选坐标进行排单,需要看到配送员的实时位置等等功能. 在高德地图.腾讯地图.百度地图三者间,我选了百度地图,没有原因,个人偏好 ...
转载百度地图API二次开发小经验分享
转载From:http://www.cnblogs.com/yiyiBlog/p/5122224.html 最近在做一个物流后台系统,需要用地图来把订单地址展示出来,需要在地图上批量框选坐标进行排单, ...
高德地图web 二次开发
初始化 map = new AMap.Map("mapContainer", {resizeEnable: true,zoom: 10,//city:$('#input_addre ...
Skyline二次开发-如何使用API获取视线分析的可见点和不可见点。
代码如下: var lineOfSightItem = sgworld.ProjectTree.FindItem("lineOfSight"); var o ...
使用C#进行skyline二次开发入门
仅仅用于个人学习记录 1.新建项目 2.加载fly using System; using System.Collections.Generic; using System.ComponentMode ...
Openlayers离线地图二次开发
(OpenLayers DEMO)点击下载本案例介绍如何在离线(单机.或局域网无Internet)状态下发布离线地图,且结合OpenLayers做基于地图的二次开发. 一. 离线地图数据下载离 ...
快速搭建离线地图开发环境（局域网地图开发工具）离线地图二次开发
相关下载:For Linux版本下载快速搭建离线地图开发环境局域网地图服务离线地图数据服务二次开发一.软件介绍 BIGEMAP离线地图服务器,提供一站式搭 ...

[地图SkyLine二次开发]框架(2)

[地图SkyLine二次开发]框架(2)相关推荐

最新文章

热门文章