ArcGIS API For JavaScript(一)HelloWorld

原创 2018年04月16日 23:14:09

ArcGIS API For JavaScript(一)HelloWorld

ArcGIS API For JS中,esri.Map类可以说是最重要的一个类,Map作为地图图层的容器,存放各种地图服务,同时Map具有一些常用的属性和事件可以帮助我们完成一些复杂的操作。接下来我们使用Map类开始我们的HelloWorld程序。

源代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Hello World</title> 

<link rel="stylesheet"href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css"/> //引用外部样式文件

<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css" /> //引用外部样式文件

<script src="http://js.arcgis.com/3.9/"></script>

<script>

require(["esri/map","dojo/domReady!"], //回调函数

function(Map){

var myMap = new Map("mapDiv",{

slider:true, //是否显示滑动条

logo:false, //是否显示Logo

center:[117.290821,31.8455102], //地图中心坐标

            zoom:16, //缩放级别

basemap:"osm" //基础底图类型

});

 

})

</script>

</head>

<body class="tundra">

<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div> //定义一个容器,设置宽度和高度,边界宽度1,颜色白色

//创建一个div作为Map的容器(div容器必须设置宽高,不然地图不会显示)

</body>

</html>

 

 

 

参考资料: (二)ArcGIS API For JavaScriptHello_World

https://blog.csdn.net/lovecarpenter/article/details/52344665

地理信息科学

Writed By NX

QQ:1051926720


那些国家和机构承认雅思

那些国家和机构承认雅思常 见 问 题 1. 什么是IELTS雅思?   IELTS 雅思是International English Language Testing System(国际英语语言测试制...
  • stanely
  • stanely
  • 2001-06-04 22:00:00
  • 1002

创建ArcGIS API for JavaScript的第一个示例程序

在上一篇博客中已经介绍了如何搭建ArcGIS API for JavaScript开发环境,如果您还没有搭建好开发环境的话,参考博客:http://blog.csdn.net/zdw_wym/arti...
  • taomanman
  • taomanman
  • 2015-12-11 21:39:51
  • 5699

(二)ArcGIS API For JavaScript之Hello_World

引言 Hello World事例 1HelloWorld事例步骤 2HelloWorld完整代码 需求
  • LoveCarpenter
  • LoveCarpenter
  • 2016-08-28 12:12:01
  • 8150

ArcGIS API for JS之基础篇(三)可视化

ArcGIS API for JS之基础篇(三)可视化 终于到家了,可以接着写有意思的东西。如何把数据简洁美观易读的呈现出来,数据可视化内容小结可以给你们惊喜。这篇文章跨域了美赛+新年,它非常有魅力...
  • weixin_41665391
  • weixin_41665391
  • 2018-02-21 14:02:44
  • 74

ArcGIS API for JavaScript之基础篇(一)

ArcGIS API for JavaScript之基础篇(一) 上一篇文章介绍了ArcGIS 10.4的安装指南也包含了所需要资源,需要的同学可以去公众号中查找。最近几天学习了2D地图、3D地图以...
  • weixin_41665391
  • weixin_41665391
  • 2018-01-31 14:28:56
  • 168

求arcgis api for javascript 和webpack或者require的例子

如题,刚进入前端行业,工作用到的多半是arcgis api,目前就我一个前端,我用require来做,但是就出现了问题,需要的样式可以进来,但是他两不兼容,变成了预加载,就把api里边的所有东西加载进...
  • weixin_40869947
  • weixin_40869947
  • 2018-01-05 15:07:50
  • 101

ArcGIS API for JavaScript获取和配置-ArcGIS Web 开发学习(一)

ArcGIS API for JavaScript获取         最近开始学习Web GIS 开发,刚一接触就很是让人恼火,第一个问题就是:ArcGIS API for JavaScript 库...
  • liuguobo
  • liuguobo
  • 2016-02-27 16:56:12
  • 12866

ArcGIS API for JavaScript心得体验

&amp;gt; 学习和使用ArcGIS API for JavaScript开发差不多有两年了吧,跌跌撞撞断断续续也做了几个小项目,学习之路相对比较平滑,但也遇到不少坑坑洼洼,这些坑大部分是自己当时...
  • agisboy
  • agisboy
  • 2017-09-06 14:56:02
  • 2527

(一)ArcGIS API For Javascript开发利器

引言 Dojo的智能提示设置 1dojo提示文件下载 2dojo本地文件加载 3测试dojo智能提示 ArcGIS API For JS的智能提示 1添加ArcGIS API For JS的智能提示文...
  • LoveCarpenter
  • LoveCarpenter
  • 2016-08-08 20:09:21
  • 11787

ArcGIS API For Javascript之离线部署

ArcGIS API For Javascript之离线部署
  • wulafly
  • wulafly
  • 2017-04-12 21:19:38
  • 867
收藏助手
不良信息举报
您举报文章:ArcGIS API For JavaScript(一)HelloWorld
举报原因:
原因补充:

(最多只允许输入30个字)