在移动设备中创建ArcGIS API for JavaScript地图应用程序

最新推荐文章于 2021-06-03 10:34:03 发布
原创 最新推荐文章于 2021-06-03 10:34:03 发布 · 5.8k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#arcgis-api-for-js #gis

这篇教程详细介绍了如何使用ArcGIS API for JavaScript的Compact版创建适合移动设备的响应式地图应用，支持Android和iOS设备。内容涵盖了设备支持、移动Web应用元素标记、初始化APP、处理设备方向变化以及创建地图的步骤，确保地图在不同设备和方向上都能精确填充可用空间。

本教程将演示如何通过响应式移动专用布局窗口小部件创建移动友好的webapp


1、支持的设备

这个模板支持安卓和IOS横向和纵向姿态，它使用Dojo Mobile框架并包含Dojo标题窗口等小部件。

iPhone in portrait orientationiPhone in landscape orientation



2、使用移动Web应用程序元素标记

最低0.47元/天 解锁文章
ArcGIS API for JavaScript 调用安全地图服务 js
TechNovaX的博客
09-04 228
总结起来，ArcGIS API for JavaScript提供了强大的功能和灵活性，使得开发人员能够轻松地调用安全地图服务，并在Web应用程序中实现高级地图功能。然后，我们创建了一个地图对象，并选择了一个底图类型（在这个例子中，我们选择了街道地图作为底图）。接下来，我们创建了一个地图视图，并指定了视图所在的容器、地图对象、地图的中心点坐标和初始缩放级别。首先，我们需要确保已经安装了ArcGIS API for JavaScript，并且拥有有效的访问安全地图服务的凭证。替换为你自己的安全地图服务URL。
添加arcgi移动地图点位事件
qq_41807404的博客
03-31 509
//地图 var map = null; //arcgis 中的实例化对象 var Map = null; //地图 var Point = null; //点 var SpatialReference = null; //坐标系 var ArcGISTiledMapServiceLayer = null;//arcgis切图服务 var ClusterLayer = null;//聚合图层 ...
旅游日记——基于PhoneGap+JQuery Mobile+ArcGISJavascript API实现
热门推荐
04-05 1万+
【关键思路】 1）使用PhoneGap来调用移动设备的GPS，相机等设备来获取地利位置和图片、视频等信息； 2）使用ArcGIS JavascriptAPI在地图上显示地理位置和照片，浏览日记内容； 3）使用PhoneGap打包成各个平台上的安装包。   【主要功能】 主要实现3个功能：地图展示、写日记和日记管理。 1）写日记     a)      获得当前的地理坐标；
android arcgis 绘制圆_Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法...
weixin_39607798的博客
12-19 411
Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法将ARCGIS for JsAPI中绘制各种图形的方法进行封装，方便调用。用时只需要传入参数既可。(在js文件中进行封装定义)；1、新建js文件，新建空对象用于函数的定义if (!this["gisTool"]) { gisTool={}; }if (!this["gisTool.Map"]) { gisTool.Map =...
arcgis api for js4.x 移动端--按钮点击实现地图旋转
baicai_123的专栏
03-18 1092
如图：因为项目中使用的是arcgis for js，并且移动端和PC端共用的同一套代码，只是做了一下兼容。 这样子，在移动端就出现了一个问题，就是地图旋转的问题。。。没有右击事件了啊，，，问了客服说是自己自定义下，这个就比较麻烦了，刚刚开始写前端gis的放弃了。采用了比较简单的组件。 官网例子如下：https://developers.arcgis.com/javascript/latest/sample-code/scene-easy-navigate/ ...
arcgis for js 天地图_【ArcGIS for JS】地图操作及小部件（12）
weixin_39589766的博客
12-01 607
1.引言 开发一个GIS系统不可避免的就要涉及一些简单的地图操作，比如：拉框放大，拉框缩小，平移，全图等相关操作。除了这些基本的地图操作，Esri给我们提供的一些小部件也非常有用，其中几个重要的小部件有：鹰眼，书签，比例尺等等。在此篇博文中，主要介绍地图的基本操作和几个常用的小部件。#2.地图的基本操作 在ArcGIS API中给我们提供了一个类叫做Navigati...
arcgis android 气泡,arcgis api for js入门开发系列二十一气泡窗口信息动态配置模板...
weixin_32179749的博客
06-03 205
前面舆图盘问篇实现图层盘问query成果，但是盘问功效的气泡窗口展示信息是在代码写死绑定图层的字段来的，好比name属性字段对应的值。但是这种实现方法很不灵活，对付图层字段不乱的情况下或者多个图层字段名称都是一致情况下，还好，代码也不用改观；要是图层字段新增或者删除以及多个图层的字段不一致情况下，每次窜改，盘问功效的js代码也要对应的改削，对付维护来说，挺未便利的。所以，本篇优化一下气泡窗口的信息...
精选资源
ArcGis-for-javaScript最全中文API.pdf
06-28
ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具，允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍，并提供多个示例来帮助读者快速上手。 一、...
arcgis api for javascript v4.18 v3.35
12-22
ArcGIS API for JavaScript是Esri公司提供的一款强大的地图开发工具，用于在Web应用中构建交互式地图和地理信息系统。此API支持两种主要版本：v3.x系列和v4.x系列，其中v3.35和v4.18是两个重要的里程碑版本，各自...
ArcGIS API for JavaScript加载百度地图代码
09-13
在IT行业中，ArcGIS API for JavaScript是一个广泛使用的地理信息系统（GIS）开发工具，它允许开发者在Web应用程序中创建交互式的地图。本主题聚焦于如何利用这个API与百度地图进行集成，实现地图数据的加载和展示。...
ArcGIS API For JavaScript 3.17版本函数库.rar
09-12
ArcGIS API for JavaScript 3.17版本是Esri公司提供的一个强大的Web开发工具，专为构建交互式的地理信息系统（GIS）应用程序而设计。这个版本的API在GIS界具有广泛的应用，尤其在内网环境中，它成为了开发人员实现...
JavaScript For MapGIS
04-23
基于JavaScript的MapGIS IGServer开发，使用JavaScript调用MapGIS组件和OpenLayer组件
基于ArcGIS的移动端技术
04-27
基于ArcGIS的移动端技术.ESRI用户大会的资料。
ArcGIS API for JavaScript v3.x与v4.x最新版本api与sdk开发包资源下载
06-08
提供ArcGIS API for JavaScript v3.x与v4.x最新的api与sdk开发包资源下载，2021.06.08最新版本为v3.36及v4.19，分享文件包含以往旧的资源包，因优快云上传限制，现将资源包整合至天翼云（下载不会限速），以后将在天翼云持续更新，有需要的话建议在这里进行下载。
Arcgis API for JavaScript在地图上实现手机定位信息的追踪显示
pj_developer的博客
12-30 4582
注释比较详细，直接贴代码。 /* 定义全局变量 */ var ulm_Int = null;//保存手机定位信息轮询setInterval的id var isFirstQuery = null;//定义一个变量保存是否是第一次查询 var ulm_Layer = null;//手机定位信息图层变量 var ulm_queryResult = null;//保存手机定位信息查询结果的变量
ArcGIS API for JavaScript压缩版(compact)与标准版的区别
wml00000的博客
04-07 961
文章目录前言区别一区别二参考链接 前言 在我们下载下来的API文件中可以看到里面包含了两个版本，一个是常用的标准版，另一个是压缩版。 如果到各自文件夹里面对比看的话，除了两个版本的init.js文件大小不一样外(压缩版小点，900多kb),其他文件大小一致。除了init.js文件大小不同的区别外，还有以下两个区别。 区别一 The compact build removes the depen...
手机网页访问电脑发布的arcgis server服务不显示地图的问题
dididan5079的博客
12-28 406
我们在电脑中发布的arcgis server服务，在电脑上用localhost访问十分容易，图片出来也很容易，通过ip：端口号访问也很容易。。但是，当把项目丢到tomcat中的时候，再在同一内网下访问的时候，手机端的图片怎么都出不来，就像下面这样，为什么呢？？ 下图是电脑端： 下图是手机端: 可以看到手机端访问一片空白，为什么呢？下面打开浏览器F12分析一下，...
可添加离线地图的手机GIS软件NextGIS（附安装包下载）
04-07 1306
概述 许多用户经常会涉及到外业，内业可以使用水经微图PC端下载地图使用，当涉及到外业的时候可以使用我们的水经微图APP。 微图PC端 （关注微信公众号"水经注GIS"，并回复"微图"获取微图软件安装包） 在地图的种类上，水经微图APP支持几十种地图显示；如果没网，可以使用离线地图功能浏览地图；如果需要内外业协同，可以使用同步功能同步数据；如果需要查看三维地形，可以使用三维地球查看三维影像，详见文章。 水经微图APP 本文要介绍的软件NextGIS Mobile是一款适用于Andro...
学习gis api for js 笔记（0）
很厉害的博客
04-18 480
‘这是初步接触的这套api的时候总结的的一些东西  （注意：api版本是3.8）幕布制作的思维导图Map作为地图的容属性graphics该属性会返回map图层GraphicsLayergraphicsLayerId返回一个字符串数组 是graphic图层的id（map的getlayer方法可得图层）LayerId返回普通服务图层id数组attribution地图基本的一些信息 比如dom容器 ma...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值