`

table 切换地图

阅读更多
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6Ig6mec2CoTQqMxMGZpRXajW"></script>
<script>
$(document).ready(function(){
//内容切换
$(".tablet li").click(function(){
var idx = $(this).index();
$(this).addClass("cur").siblings().removeClass("cur");
$(".servcont").eq(idx).addClass("cur").siblings(".servcont").removeClass("cur");
if(idx!=2){
return;
}
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.401736,39.917462);
map.centerAndZoom(point,15);
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
var longitude=document.getElementById("longitude").value;
var latitude=document.getElementById("latitude").value;
if(longitude && latitude ){
var new_point = new BMap.Point(longitude,latitude);
var marker = new BMap.Marker(new_point);  // 创建标注
map.panTo(new_point);
var label = new BMap.Label("${project.vname}",{offset:new BMap.Size(25,5)});
marker.setLabel(label);
marker.addEventListener("click",getAttr);
map.addOverlay(marker);              // 将标注添加到地图中
function getAttr(){
var p = marker.getPosition();
map.centerAndZoom(p, 15);
}
}else{
myGeo.getPoint("${project.extent.address}", function(point){
if (point) {
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(point);  // 创建标注
map.addOverlay(marker);              // 将标注添加到地图中
var label = new BMap.Label("${project.vname}",{offset:new BMap.Size(25,5)});
marker.setLabel(label);
marker.addEventListener("click",getAttr);
function getAttr(){
var p = marker.getPosition();       //获取marker的位置
map.centerAndZoom(p, 15);
}
}else{
alert("您的地址没有解析到结果!");
}
}, "北京");
}
map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));
map.addControl(new BMap.NavigationControl());        // 添加平移缩放控件
map.addControl(new BMap.ScaleControl());             // 添加比例尺控件
map.addControl(new BMap.OverviewMapControl());       //添加缩略地图控件
map.enableScrollWheelZoom();                         //启用滚轮放大缩小
map.disable3DBuilding();

})
})

// 缩略图滚动
$(document).ready(function(){
var esleng = $(".thumbs li").length;
var eswidth = esleng*95;
var offset = 0;
var offlimit = 475 - eswidth;
$(".thumbs li").click(function(){
var imgsrc = $(this).children("img").attr("src");
$(".currshow img").attr("src",imgsrc);
$(".currshow a").attr("href",imgsrc);
$(this).addClass("cur").siblings("li").removeClass("cur");
})
if(offlimit>=0) {
$(".thumbs .mini_slider").addClass("hide");
} else {
$(".thumbs ul").css("width",eswidth+"px");
$(".thumbs .mini_slider").click(function(){
if($(this).hasClass("useless")){
return false;
} else {
if($(this).hasClass("prev")){
offset+=95;
} else if($(this).hasClass("next")){
offset-=95;
}
$(".thumbs ul").animate({marginLeft:offset+"px"},500,function(){
if(offset>=0) {
$(".thumbs .prev").addClass("useless");
}
if(offset<=offlimit) {
$(".thumbs .next").addClass("useless");
}
if(offset<0) {
$(".thumbs .prev").removeClass("useless");
}
if(offset>offlimit) {
$(".thumbs .next").removeClass("useless");
}
});
}
});
}
});

</script>
  • 大小: 234.3 KB
分享到:
评论

相关推荐

    批量table转excel.zip

    ArcGIS是一款由Esri公司开发的强大的GIS软件,它广泛应用于地图制作、空间数据分析和地理信息管理。在ArcGIS中,用户经常需要处理不同格式的数据,如dbf和txt格式的表格数据。这些表格数据通常与地理要素相关联,...

    用Mapinfo制作地图完全版教程

    - 调整完成后,保存地图(File——Save Table)。 #### 六、总结 通过以上步骤,可以高效地利用Mapinfo软件及其插件Ezplanning完成地图的制作。这一过程不仅涵盖了从数据准备到地图生成的整个流程,还涉及到了一些...

    地图制图表达

    1. 将河流图层添加到TOC(Table of Contents)中,然后右键选择“Convert Symbology to Representation”,将要素转化为制图表达。 2. 在制图表达图层上右键选择属性,进入Symbol选项卡,点击Representation以查看和...

    arcgis-desktop-tips快捷键

    16. **缩放到图层范围**:在内容列表(Table of Contents,简称TOC)中,按住`Alt`键并单击图层名称,地图会自动缩放至该图层的范围。 17. **焦点切换**: - 聚焦到内容列表窗口:按`F3`键,或直接点击TOC。 - 从...

    ArcMap基础教程-数据维护用(完整版).doc

    本节介绍了ArcMap地图窗口的显示内容,包括图层控制窗口、数据视图和布局视图的切换。图层控制窗口可以单击Window菜单下的Table Of Contents打开。数据视图可以单击View菜单下的Data View打开,用于浏览数据、显示...

    ArcMap基础经典教程.doc

    - **图层控制窗口**(Table of Contents):显示地图的所有图层,你可以在这里更改图层的可见性、顺序和属性。 - **数据视图/布局视图**:数据视图用于查看和编辑数据,布局视图则用于地图布局设计和输出。 6. **...

    史上最全的ios开发源码

    列表(Table)之UITable嵌套UITable 列表(Table)之UploadProgressView 列表-Rainbow Styled Pull To Refresh 列表-UITableView背景随动 列表类》》自定义Table View折叠效果 列表类-FormInputAccessoryView 列表...

    苹果ios开发100个实例源码.zip

    苹果ios开发100个实例源码;...多个table view略缩图 多种page control 风格 多种view视图切换效果 多种样式的圆形动态加载特效 多种样式的无背景图片的按钮效果 多种类型的图表 多种视图切换方式集锦 多

    Flex\WebGIS经典例子

    - 创建自定义的图层控制面板(Table of Contents,TOC),允许用户交互式地切换和管理地图上的各个图层,提高用户体验。 4. **Toolbar功能**: - 实现地图工具栏,提供缩放、平移、旋转等基本操作,以及更多高级...

    PhotoView 左右滑动查看图片,可放大、缩小、点缩略图全屏预览

    在移动应用开发中,特别是在处理图像展示时,`PhotoView`是一个非常实用的库,它为用户提供了丰富的交互体验,如左右滑动切换图片、双指缩放以及点击缩略图全屏预览等。本篇文章将深入探讨`PhotoView`的特性、使用...

    arcgis_ae教程4.pdf

    - **TOCControl**:Table of Contents Control,简称TOCControl,显示地图文档中的所有图层及其属性。用户可以通过TOCControl来切换图层的可见性,调整图层顺序,以及进行图层的其他管理操作。它是地图数据管理的...

    APRS 客户端 APRS TX 教程(BH5HGY 2018.08.30).pdf

    - 可切换卫星图像或二维地图模式。 - 双指旋转地图可改变方向,点击“指北针”图标使地图朝向北方。 - 双指缩放可调整显示范围。 3. **数据区域**: - GPS坐标:显示纬度和经度。 - 海拔高度:以米为单位。 -...

    TransCAD菜单列表翻译[文].pdf

    3. **Map**(地图):地图菜单涉及地图的显示和管理,如图层管理(Layer)、图层展示管理(Display Manager)、复制地图(Duplicate Map)、合并地图(Combine Existing Maps)、设定比例(Scale)、切换比例视图...

    2009年临沂市(MapInfo格式)

    1. **地图工作簿(MapBook)**:MapInfo的工作簿是由多个地图页面组成的集合,每个页面可以显示不同的地理信息,便于用户在不同尺度或主题间切换。 2. **表(Table)**:MapInfo中的表存储地理特征的数据,如街道、...

    ArcView学习资料

    - **地图布局(Map Layout)**: 编辑和设计最终的地图输出。 - **脚本程序(Script)**: 开发自定义功能和扩展现有功能的环境。 #### 二、ArcView 的核心概念 **2.1 ArcView 的文档体系** ArcView 通过一系列文档...

    打表工具可用于Unity表格的制作与读取

    在游戏开发中,“打表”通常指的是将各种游戏数据(如角色属性、道具配置、地图信息等)整理成表格格式,便于查看、编辑和管理。这些表格通常以CSV(Comma Separated Values)或Excel等形式存在,可以方便地用文本...

    ArcGIS+Engine+C#实例开发教程

    - 添加TabControl来切换不同的面板,如图层、属性、地图和制版。 - 图层面板包含TOCControl(Table Of Contents 控件),用于展示和管理图层。 - 属性面板使用PropertyGrid控件替换原来的DataGridView控件,更...

Global site tag (gtag.js) - Google Analytics