随笔分类 -  webgis前端

arcgis for js ,openlayer,...
摘要:arcgis for js 4.x 加载 geoserver wms 代码如下 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-sca 阅读全文
posted @ 2023-07-26 15:49 小鱼写代码的过往 阅读(125) 评论(0) 推荐(0) 编辑
摘要:注:国家大地2000 的地理坐标系 4490 (也称‘球面坐标系’),投影坐标系(也称‘平面坐标系’)有很多,其中包括4547,4548系数的; 1.记录:在arcgis for js 4.x 代码上,不同的坐标的加载,可以用到动态加载MapImageLayer,但是要设置extent; 比如①:4 阅读全文
posted @ 2023-02-08 17:17 小鱼写代码的过往 阅读(2893) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <li 阅读全文
posted @ 2022-03-31 11:35 小鱼写代码的过往 阅读(480) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WebGIS 阅读全文
posted @ 2022-03-31 11:18 小鱼写代码的过往 阅读(164) 评论(0) 推荐(0) 编辑
摘要:1.先发布好GP服务,例子可参考:https://www.cnblogs.com/hjyjack9563-bk/p/16077788.html,发布好服务后可以看到浏览器如下类似的GP服务 2.前端要创建的 Geoprocessor对象 FeatureSet对象作为graphic的集合 注意:传参的 阅读全文
posted @ 2022-03-31 10:24 小鱼写代码的过往 阅读(496) 评论(0) 推荐(0) 编辑
摘要:1.从esri官网下载arcgis api,官网下载最新版本api的地址:https://developers.arcgis.com/downloads/ 下面以版本4.17为例: 2.把下载好的api放到IIS或者tomcat或者是apache代理,现在以apache为例: 3.找到init.js 阅读全文
posted @ 2022-03-30 15:01 小鱼写代码的过往 阅读(230) 评论(0) 推荐(0) 编辑
摘要:安装 arcgis 官方依赖 esri-loader,这个只是开发依赖,因此使用命令 npm i esri-loader --save-dev 来安装. 用模块的方式引入 esri-loader; import esriLoader from 'esri-loader' esriLoader 有以下 阅读全文
posted @ 2022-03-29 16:38 小鱼写代码的过往 阅读(759) 评论(0) 推荐(0) 编辑
摘要:1.renderer 常用 ClassBreaksRenderer HeatmapRenderer SimpleRenderer UniqueValueRenderer 2.加载热力图 <html> <head> <meta charset="utf-8" /> <meta name="viewpo 阅读全文
posted @ 2022-03-29 15:51 小鱼写代码的过往 阅读(321) 评论(0) 推荐(0) 编辑
摘要:方式一:url直接加载 require(["esri/layers/GeoJSONLayer"], function(GeoJSONLayer){ // points to the states layer in a service storing U.S. census data const ge 阅读全文
posted @ 2022-03-29 11:34 小鱼写代码的过往 阅读(974) 评论(0) 推荐(0) 编辑
摘要:适合arcgis for js 3.x 版本 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>天地图底图加载(经纬度版本)</title> <link rel="stylesheet" href="https://js.arcgi 阅读全文
posted @ 2022-03-28 17:43 小鱼写代码的过往 阅读(563) 评论(0) 推荐(0) 编辑
摘要:1.TDTLayerPlus.js /** * 加载天地图,构造器不传参数type只加载地图,传参时加载注记; */ define(["dojo/_base/declare",'esri/config',], function(declare,esriConfig) { return declare 阅读全文
posted @ 2022-03-28 17:36 小鱼写代码的过往 阅读(701) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天地图底图加载(经纬度版本)</title> <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/es 阅读全文
posted @ 2022-03-28 17:14 小鱼写代码的过往 阅读(390) 评论(0) 推荐(0) 编辑
摘要:<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <title>切片地图加载</title> <sty 阅读全文
posted @ 2022-03-28 17:00 小鱼写代码的过往 阅读(544) 评论(0) 推荐(0) 编辑
摘要:<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <title>地图加载</title> <style 阅读全文
posted @ 2022-03-28 16:23 小鱼写代码的过往 阅读(492) 评论(0) 推荐(0) 编辑
摘要:1.注意版本问题,调用不同 2.MyCustomTileLayer.js define(['exports', "esri/layers/BaseTileLayer","esri/request"], function ( exports, BaseTileLayer, esriRequest ) 阅读全文
posted @ 2022-03-28 16:12 小鱼写代码的过往 阅读(1122) 评论(2) 推荐(0) 编辑
摘要:1.首页要到天地图,登录或者注册账号,申请key https://www.tianditu.gov.cn/ 2.登录后,点“开发资源” 3.然后点击控制台 4.然后点击创建新应用,名称自定义,应用类型浏览器端,然后申请完成。 获取到key之后,下面是代码的调用: 1.自定义wkid参考 tilein 阅读全文
posted @ 2022-03-28 15:34 小鱼写代码的过往 阅读(666) 评论(0) 推荐(0) 编辑
摘要:基于原生js,jQuery的加载方式, 前提需要了解在线官方api: https://developers.arcgis.com/javascript/latest/ 简单调用代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2022-03-28 14:43 小鱼写代码的过往 阅读(97) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示