当前位置: 首页 > news >正文

网站设计与建设四川seo推广公司

网站设计与建设,四川seo推广公司,常州网站制作价格,青岛网站开发哪家好了解如何创建和显示带有基本地图图层的地图。 地图包含地理数据层。地图包含一个基本地图层,以及一个或多个数据层(可选)。可以使用地图视图显示地图的特定区域,并设置位置和缩放级别。 本教程将向您展示如何使用地形底图层创建和…

了解如何创建和显示带有基本地图图层的地图。

地图包含地理数据层。地图包含一个基本地图层,以及一个或多个数据层(可选)。可以使用地图视图显示地图的特定区域,并设置位置和缩放级别。
本教程将向您展示如何使用地形底图层创建和显示加利福尼亚州圣莫尼卡山脉的地图。
本教程中的地图和代码将用作其他二维教程的起点。

先决条件

您需要ArcGIS Developer或ArcGIS Online帐户才能访问仪表板并创建API键。

步骤

创建新笔

转到CodePen为您的地图应用程序创建新的笔。

添加HTML

定义一个HTML页面以创建一个具有web浏览器窗口全宽和全高的地图。
在CodePen>HTML中,添加HTML和CSS以创建带有viewDiv元素的页面。viewDiv是显示地图的元素,它的CSS重置任何浏览器设置,这样它就可以使用浏览器的全宽和全高。

<html><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /><title>ArcGIS Maps SDK for JavaScript Tutorials: Display a map</title><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}</style></head><body><div id="viewDiv"></div></body>
</html>

参考API

在<head>标记中,添加对CSS文件和JS库的引用。

<link rel="stylesheet" href="https://js.arcgis.com/4.27/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.27/"></script>

添加模块

ArcGIS Maps SDK for JavaScript可作为AMD模块和ES模块使用,但本教程基于AMD。AMD require函数使用引用来确定将加载哪些模块——例如,您可以指定“esri/Map”来加载Map模块。加载模块后,它们将作为参数(例如Map)传递给回调函数,以便在应用程序中使用。保持模块引用和回调参数的顺序相同是很重要的。有关不同类型模块的更多信息,请访问工具简介指南主题。
在<head>标记中,添加<script>标记和require语句以加载Map和MapView模块。您也可以将JavaScript代码添加到CodePen>JS面板,而不是HTML面板。如果这样做,请删除<script>标记。

    <script>require(["esri/config", "esri/Map", "esri/views/MapView"], function(esriConfig, Map, MapView) {});</script>

获取API密钥

访问ArcGIS服务需要API密钥。

  • 转到您的开发人员仪表板以获取API密钥。
  • 复制密钥,因为它将在下一步中使用。

创建地图

使用Map设置基础映射层并应用API密钥。
返回CodePen。
在require语句中,创建一个新的Map,并将basemap属性设置为arcgis地形。要启用对Basemap层服务的访问,请设置Map的apiKey属性。

        esriConfig.apiKey = "YOUR_API_KEY";const map = new Map({basemap: "arcgis-topographic" // Basemap layer service});

创建地图视图

使用MapView类可以设置要显示的地图的位置。
创建MapView并设置地图特性。要使地图视图居中,请将居中特性设置为-118.80500,34.02700,并将缩放特性设置为13。将容器属性设置为viewDiv以显示地图的内容。

        const view = new MapView({map: map,center: [-118.805, 34.027], // Longitude, latitudezoom: 13, // Zoom levelcontainer: "viewDiv" // Div element});

运行应用程序
在CodePen中,运行代码以显示地图。
该地图应显示加利福尼亚州圣莫尼卡山脉地区的地形基底层。

完整代码

<html><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /><title>ArcGIS Maps SDK for JavaScript Tutorials: Display a map</title><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}</style><link rel="stylesheet" href="https://js.arcgis.com/4.27/esri/themes/light/main.css"><script src="https://js.arcgis.com/4.27/"></script><script>require(["esri/config", "esri/Map", "esri/views/MapView"], function(esriConfig, Map, MapView) {esriConfig.apiKey = "YOUR_API_KEY";const map = new Map({basemap: "arcgis-topographic" // Basemap layer service});const view = new MapView({map: map,center: [-118.805, 34.027], // Longitude, latitudezoom: 13, // Zoom levelcontainer: "viewDiv" // Div element});});</script></head><body><div id="viewDiv"></div></body>
</html>

运行应用程序

在CodePen中,运行代码以显示地图。
该地图应显示加利福尼亚州圣莫尼卡山脉地区的地形基底层。

注明:翻译自esri,仅供个人查阅使用,侵删

http://www.mmbaike.com/news/109712.html

相关文章:

  • 做网站猫要做端口映射吗东营优化路网
  • 孝感企业做网站seo排名优化培训怎样
  • 营改增后网站建设发票税率多少哈尔滨网络推广优化
  • 西安网站制作西安搜推宝网站优化排名软件哪些最好
  • 郑州企业网站建站模板百度关键词排名突然没了
  • 衡阳商城网站制作百度快照优化的优势是什么
  • 微信商城网站怎么做参考消息今天新闻
  • 公司网站销售怎么做的网站设计制作
  • 公司流程建设的意义开鲁网站seo转接
  • 咸阳b2c网站制作价格桂平seo关键词优化
  • 如何做属于自己的领券网站sem培训班
  • 做电商需要投入多少钱东莞seo排名外包
  • 武汉门户网站建设关键词查找
  • 黑河网站制作网络推广的基本渠道
  • 网站色情营销特点排名首页服务热线
  • 聊城网站建设 推广聊城博达软文模板app
  • 网站制作需要学什么整合营销方案怎么写
  • 外贸SOHO建公司网站网络营销有几种方式
  • 广告设计公司宁波seo站点是什么意思
  • 端州网站建设公司百度官网登录入口手机版
  • 网站建设与管理就业去向企业网站推广优化公司
  • 网站规划与设计论文南京市网站
  • 国外网站开发技术现状搜索关键词排名查询
  • 建筑工程公司取名成都sem优化
  • 做课件的网站百度推广广告收费标准
  • 做ppt找图片的网站有哪些如何创建网站的快捷方式
  • 可以做动感影集的网站公众号营销
  • b2b网站建设成本北京seo优化排名推广
  • 湖北网络建设公司网站新东方雅思培训机构官网
  • 网站建设总体设计武汉软件测试培训机构排名