页面上加载地图（一）

最新推荐文章于 2025-03-18 13:44:47 发布

u010082526

最新推荐文章于 2025-03-18 13:44:47 发布

阅读量1.3k

点赞数

分类专栏： horsemap

本文链接：https://blog.youkuaiyun.com/u010082526/article/details/53888117

版权

horsemap 专栏收录该内容

6 篇文章

订阅专栏

1.页面一分为二，左侧嵌tao地图，右侧放查询条件

<1>html-->id"flashContent"

<div style=" height: 100%; width: 100%; ">
<div style=" height: 100%; width: 70%; float: left; display: inline; ">
@*<iframe name="myiframe" id="iframe" src="LoadMap" style="width:70%;
height: 100%;"></iframe>*@@*LoadIndex/*@
<div id="flashContent" style="width: 100%; height: 100%; ">
<div id="">aaaaaa</div>
</div>

</div>
<div id="divtb" style="width: 30%; height: 100%; overflow-y: auto; overflow-x: hidden; float: left; display: inline; background: #E0ECFF; ">
<table style="height: 50%;">
<tr>
<td>水环境质量数据：</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="3">@*水质*@</td>
</tr>
<tr>
<td>
指标:
<select id="zhibiao" class="easyui-combobox" data-options="width:120">
<option value="DO" selected>DO</option>
<option value="CODMn">CODMn</option>
<option value="BOD5">BOD5</option>
<option value="COD">COD</option>
<option value="NH3N">氨氮</option>
<option value="TP">总磷</option>
<option value="TN">总氮</option>
</select>
</td>

<td><a id="btn" href="#" οnclick="OpenData()" class="easyui-linkbutton">数据表</a></td>@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
<tr>
<td>
年份:
<select id="nianfen" class="easyui-combobox" data-options="width:120">
<option value="2014" selected>2014</option>
</select>
</td>
<td><a id="btn" href="#" οnclick="LocationOnMap(1)" class="easyui-linkbutton">GIS专题图</a></td>@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
<tr>
<td>
监测断面:
@*<input type="text" style="width:100px;" id="section" name="section" class="easyui-combotree" multiple data-options="" />*@
<input type="text" style="width:100px;" id="section" name="section" class="easyui-combobox" data-options="url:'@Url.Action("GetSection")',value:'110000HRSK01'" />
</td>
<td><a id="btn" href="#" οnclick="Sequence(1)" class="easyui-linkbutton">时间序列图</a></td>@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
<tr>
<td colspan="3"><a id="btn" href="#" οnclick="Calculation()" class="easyui-linkbutton">水污染浓度超标指数计算</a></td>
</tr>
</table>

<table style="height: 50%;">
<tr>
<td>水环境承载力评价结果：</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="3">@*水环境质量*@</td>
</tr>
<tr>
<td>
指标:
<select id="zhibiao1" class="easyui-combobox" data-options="width:120">
<option value="DO" selected>DO承载指数</option>
<option value="CODMn">CODmn承载指数</option>
<option value="BOD5">BOD5承载指数</option>
<option value="COD">CODcr承载指数</option>
<option value="NH3N">氨氮承载指数</option>
<option value="TP">总磷承载指数</option>
<option value="TN">总氮承载指数</option>
<option value="CompositeIndex">综合承载指数</option>
<option value="OverStandardIndex">超标指数</option>
</select>
</td>
<td><a id="btn1" href="#" οnclick="CalOpenData()" class="easyui-linkbutton">数据表</a></td>@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
<tr>
<td>
年份:
<select id="nianfen1" class="easyui-combobox" data-options="width:120">
<option value="2014" selected>2014</option>
</select>
</td>
<td><a id="btn" href="#" οnclick="LocationOnMap(2)" class="easyui-linkbutton" >GIS专题图</a></td>@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
<tr>
<td>
范围:
<select id="fanwei" class="easyui-combobox" data-options="width:120">
@*onSelect: function(rec){
var value = $('' #fanwei'').combobox(''gettext'');
var url='GetSection1?id=' +value;
$('#sectionname').combobox('reload', url);
},*@
@*οnchange="cbx_S()"*@
<option value="监测断面" selected>监测断面</option>
<option value="区县">区县</option>
<option value="市">市</option>
<option value="省">省</option>
</select>
</td>
@*<td><a id="btn" href="#" class="easyui-linkbutton">时间序列图</a></td>*@@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
<tr>
<td>
名称:
<input type="text" style="width:100px;" id="sectionName" name="sectionName" class="easyui-combobox" data-options="" />
@*url:'@Url.Action("GetSection")',value:'110000HRSK01'*@
</td>
<td><a id="btn" href="#" οnclick="Sequence(2)" class="easyui-linkbutton">时间序列图</a></td>@*data-options="iconCls:'icon-search'"*@
<td></td>
</tr>
@*<tr>
<td colspan="3"><a id="btn" href="#" class="easyui-linkbutton">生成报告</a></td>
</tr>*@
</table>
</div>
</div>

<2>小马地图API

@{
ViewBag.Title = "水环境承载力计算(质量法)";
Layout = "~/Views/Shared/_LayoutCommJs.cshtml";
string mapApiUrl = "http://59.108.92.220:8585/HorseMapOut/API-2.0/MapAPI.js";
}

<3>地图服务

@*引用地图操作脚本*@
<script src="~/Areas/MapFrame/Scripts/MapOperation.js"></script>