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