DeepEarth是一个地图控件，它将微软的Silverlight 2.0平台和DeepZoom（MuliScaleImage）控件联合起来。...其核心构建在这些创新的技术上以提供这样一种架构：可以将服务层、数据提供者以及你自己的客户化地图元素集成到富于表现力的用户体验中。...通过以上这些，你就可以将一个交互式、本地的Silverlight 2.0地图集成到你的应用中了。 。该开源项目由其创建者（一群.NET的狂热爱好者）在CodePlex上发布。
概述： 今天给大家分享一个个人觉得比较好看的自己做的地图控件。 效果： ? 整体样式和鼠标经过 ?...选中的控件以及对应的操作 实现的代码： 1、icon.css .icon{ display:inline-block; width:20px; height:20px;..." href="css/style.css"> ... 4、page.js
，2D，哥伦布视图(CV)Base Layer Picker : 图层选择器，选择要显示的地图服务和地形服务.Navigation Help Button :导航帮助按钮，显示默认的地图控制帮助.Animation...projectionPicker:是否显示投影选择器Cesium基本的控件：Cesium控件Clock，相关的主要有Animation控件和Timeline控件，一般不需要限制。...Cesium控件BaseLayerPicker，底图选择控件，可扩展自己的BaseLayerPicker功能Cesium控件SelectionIndicator& InfoBox，点击Entity，对应的是选择控件...（SelectionIndicator），而呈现信息的载体，就是信息框控件（InfoBox）Cesium控件Geocoder，地理信息查询相关Cesium控件CesiumInspector，Cesium...API https://blog.csdn.net/sinat_35954205/article/details/52909698转载本站文章《Cesium笔记(2):基本控件简介—Viewer控件配置地图界面
cesiumjs中可定制多种图层，可以使用互联网上很多地图提供商的图层数据，也可以使用自己的地图数据。...推荐阅读：《OGC标准WMTS服务概念与地图商的瓦片编号流派-web地图切片加载 》 cesiumjs支持的图层格式 wms TMS WMTS (with time dynamic imagery) ArcGIS...地图地图叠加——添加多个Provider 一个Provider满足用户的业务要求，比如有一个全球影像，但同时有一副全美人口密度专题图，是否能够叠加上去？...Cesium入门6 - Adding Imagery - 添加图层 https://www.cnblogs.com/cesiumjs/p/9982997.html 转载本站文章《Cesium笔记(3):基本控件简介...—ImageryProvider地图瓦片地图配》, 请注明出处：https://www.zhoulujun.cn/html/GIS/cesium/8328.html
cesiumjs中可定制多种图层，可以使用互联网上很多地图提供商的图层数据，也可以使用自己的地图数据。...推荐阅读：《OGC标准WMTS服务概念与地图商的瓦片编号流派-web地图切片加载 》cesiumjs支持的图层格式wmsTMSWMTS (with time dynamic imagery)ArcGISBing...地图地图叠加——添加多个Provider一个Provider满足用户的业务要求，比如有一个全球影像，但同时有一副全美人口密度专题图，是否能够叠加上去？...1Cesium入门6 - Adding Imagery - 添加图层 https://www.cnblogs.com/cesiumjs/p/9982997.html转载本站文章《Cesium笔记(3):基本控件简介...—ImageryProvider地图瓦片地图配》,请注明出处：https://www.zhoulujun.cn/html/GIS/cesium/8328.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document...
/创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 } //创建地图函数： function...();//启用鼠标双击放大，默认启用(可不写) map.enableKeyboard();//启用键盘上下左右键移动地图 } //地图控件添加函数： function...addMapControl(){ //向地图中添加缩放控件 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT...,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav); //向地图中添加缩略图控件 var ctrl_ove...BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); //向地图中添加比例尺控件
综述：本节讲述的是用Arcgis for js加载天地图的切片资源。...天地图的切片地图可以通过esri.layers.TiledMapServiceLayer来加载，在此将之进行了一定的封装，如下： 1、切片线划图——TDTLayer.js define(["dojo/_...row + "&TILECOL=" + col + "&FORMAT=tiles"; } }); }); 2、切片标注——TDTAnnoLayer.js.../arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css"> html, body, #map {...本文抛砖引玉，更多的天地图如影像等请参照：http://www.tianditu.com/guide/index.html
拖动在游戏中使用频繁，例如将装备拖动到指定的快捷栏，或者大地图中拖动以查看局部信息等。...基于这样的思考，考虑将一些通用的拖动实现过程再封装一下，只留一个拖动结束后的委托用于外部调用即可，这样省去了每次都写一遍地图拖动时如何移动，拖动到边界了如何判断等。...值得注意的是，拖动物件和拖动地图一般是不同的，因为在拖动物件时，整个物件的轮廓范围都应该保持在拖动范围之内，而拖动地图时则完全相反，一般地图大于整个范围才需要拖动来看，所以要保证地图边缘永远大于拖动范围...假设上图中黑色框代表拖动范围，同样贴近范围左边缘的情况下，左图的物件不能再往向左的方向拖动，而右图的地图则不能再往向右的方向拖动。
中国地图china.js 一、简介 中国地图china是基于echarts.js和china.js绘制图像。...官方已不支持china.js下载 下载地址在文章最后【已更新】 二、配置项 // china.js的配置项与echarts基本图形配置项相通 // 关于echarts基本图形配置参考：https://echarts.apache.org.../v4/zh/option.html // 其中china地图主要配置不同处在series series: [ { name: 'china', // name:名称...content="width=device-width, initial-scale=1.0"> Document <div id="main" style="width: 800px
摘要：Android高德地图SDK设置缩放控件的位置高德地图中的UI显示的控件是受UiSettings这个类控制,可以通过下面的方式获取这个类实例:UiSettingsuiSettings=aMap.getUiSettings...如下代码所示: uiSettings.setZoomPosition(AMapOptions.ZOOM_POSITION Android高德地图SDK设置缩放控件的位置 ---- 高德地图中的UI...通过UiSettings的setZoomPosition(int position)方法来设置缩放控件的位置。...还有AMapOptions.ZOOM_POSITION_RIGHT_BUTTOM:设置缩放控件在右下角的位置。这个也是默认设置。 现在高德地图SDK只提供这两个位置。...类似定位控件,高德地图的Logo等控件也可以通过这个类来设置。
高德JS API提供的浏览器定位接口，融合了HTML5 Geolocation定位接口、精确IP定位服务，以及安卓定位sdk定位。所以在定位上大大提高了精准度以及成功率。...在页面添加 JS API 的入口脚本标签，并将其中「您申请的key值」替换为您刚刚申请的 key； HTML <script type="text/javascript" src="https://webapi.amap.com...添加div标签作为<em>地图</em>容器，同时为该div指定id属性； HTML 3....为<em>地图</em>容器指定高度、宽度； CSS #container {width:300px; height: 180px; } 4....显示定位<em>地图</em>以及获取当前经纬度地址 <!
概述： 在前面的文章里提到了Arcgis for js加载天地图，在本节，继续讲解如何在Arcgis for js中加载百度地图。 效果： ? 地图 ? 影像-无标注 ?...第二，百度地图可调用的有地图切片，影像切片，以及道路等POI切片，我将之用TiledMapServiceLayer做了扩展，成了BDAnoLayer，BDVecLayer，BDimgLayer三个图层，...JS API调用并显示百度地图，代码如下： <!...(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的.../3.9/3.9/init.js"> var map
简介 对比 TMS 地图瓦片和 Google/OSM/Bing/ESRI 地图瓦片编号的区别 实现 ArcGIS API for JS 加载 TMS 地图瓦片 1....也正是这一差别，我最初在使用 ArcGIS JS API 加载本地 TMS 地图瓦片时发现瓦片在竖直方向的顺序一直是反的。...Google Map 地图瓦片编号 如若使用 ArcGIS JS API 加载 TMS 地图瓦片，有两种方案： 预先将所有瓦片的 y 轴编号转置一下，然后再加载，转置公式如下： TMS 瓦片数据不变，前端基于...ArcGIS JS API 直接定义 TMSLayer。...方案1确实可行，但有时离线地图服务不仅仅是给 ArcGIS JS API 使用的。
概述：本节讲述的内容为当浏览器大小发生变化或者地图展示区域的大小发生变化时，地图的自适应调整。地图的自适应常见于以下几种情况：1、系统中有收缩或者全屏的按钮；2、按F12，进入调试状态。...其实，地图自适应调整是一个很简单的事情，但是大多数我们的系统中会用到，实现地图的自适应主要是map div的大小的自适应调整，代码如下： Simple Map html, body, #left, #map { height.../library/3.9/3.9/init.js">
首先效果如图：隐藏掉放大缩小控件和右下角的logo等参数信息。 ?
本文简介 带尬猴，我是德育处主任 虽然 Fabric.js 提供的基础功能已经很丰富了，但有时难免需要定制一些需求。比如本文要讲的 『自定义控件』。...掌握创建自定义控件这个功能，能够创建更加精美和实用的图形应用程序，提高用户体验和用户满意度。 尽管 Fabric.js 的文档很一般，但 demo 还挺丰富。...如果你对这些代码还不太熟悉的话，推荐阅读一下 《Fabric.js 中文入门教程》 创建删除按钮 创建自定义控件通常有一下2步操作： 创建控件 添加功能事件 Fabric.js 提供了 fabric.Control...Custom controls, render and actions 的代码 前面讲到的就是创建自定义控件的基本方法， Fabric.js 官网收录的 Custom controls, render.../js/fabric.js"> var canvas = this.
基础用法 你可以用v-model指令在表单控件元素上创建双向数据绑定。...它会根据控件类型自动选取正确的方法来更新元素，但v-model本质上不过是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些极端的例子，v-model 会忽略所有表单元素的value 、checked...text" v-model="message" placeholder="edit me"> {{message}} var app = new Vue({ el: "#example-1", data:{...message" cols="30" rows="10" placeholder="add multiple lines"> <script src="<em>js</em>
这篇郭先生就来说说使用three.js几何体制作3D地图。...在线案例点击3D中国地图 地图的数据是各个地图块的点数组，通过THREE.ExtrudeGeometry方法挤压出地图的版块，然后通过THREE.Line方法画出地图的分割线。...地图的数据参见DATAV.GeoAtlas，鼠标悬浮到地图版块高亮，效果如图 image.png 1.得到数据，遍历数据，处理数据 drawMap() { this.worldGeometry...传递数据画出地图的shape，返回结果再传到drawExtrude方法得到ExtrudeGeometry网格。...} }, 主要代码部分就是这样，我们也可以在颜色改变时加入一些渐变动画，three.js可以写出各种各样的地图，这是入门级的版本，希望给萌新一些启发。 转载请注明地址：郭先生的博客
大家好，又见面了，我是你们的朋友全栈君 目录 一、Echarts官方地图资源 二、实现 三、重要更新 四、结尾 五、参考 ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家...来自：ECharts 地图数据在线生成工具 http://ecomfe.github.io/echarts-map-tool/# 一、Echarts官方地图资源 Echarts官方文档已经暂停了地图数据的下载...格式 https://echarts.apache.org/examples/vendors/echarts/map/js/ 二、实现 下载china.js文件 https://echarts.apache.org.../examples/vendors/echarts/map/js/china.js 放到对应的文件（我放在了utils里） 上代码 <div class="managingPatientSize...很多同学讲到急用却找不到资源，这里统一回复一下，帮大家找了 China.<em>js</em> 的文件 我放在 GitHub 里了，地址：资源系列之 Echarts 中国<em>地图</em>官方 china.<em>js</em> 文件 四、结尾 我是圆圆
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
