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

在上一篇博客中已经介绍了如何搭建ArcGIS API for JavaScript开发环境,如果您还没有搭建好开发环境的话,

0f16a115abf1f5189a07677e748b8367.png

如果开发环境搭建好了的话,那么今天我们继续来搭建我们的第一个ArcGIS API for JavaScript应用程序。

下面首先将代码贴出来,复制到VS2012中新建的html页面中。

JS GIS地图

html, body, #map

{

height: 100%;

width: 100%;

margin: 0;

padding: 0;

}

body

{

background-color: #FFF;

overflow: hidden;

font-family: "Trebuchet MS";

}

var map;

require(["esri/map", "dojo/domReady!"], function (Map) {

map = new Map("map", {

basemap: "topo",

center: [118.932036047149, 32.09141405],

zoom: 10

});

});

运行效果图如下:

e827d64180c56cf5cbe1a8de35fc0a3d.png

接下来我们重点关注如下js代码,该代码采用的是AMD方式:

var map;

require(["esri/map", "dojo/domReady!"], function (Map) {

map = new Map("map", {

basemap: "topo",

center: [118.932036047149, 32.09141405],

zoom: 10

});

});

在该require回调函数中命名参数的时候,使用Esri的首选参数。上面代码中,提供了esri/map资源的引用,然后在内部的匿名函数中,又提供了一个Map首选参数,在require函数中引用的每一个资源都有一个对应的参数用于提供访问该资源对象。

过时的写法如下:

dojo.require("esri.map");

function init() {

var map = new esri.Map("map", {

basemap: "topo",

center: [118.932036047149, 32.09141405],

zoom: 10

});

}

dojo.ready(init);

dojo.require已经不推荐使用了,官方文档上推荐用require,至于模块名的分隔符也只是语法要求而已。

以上就是 创建ArcGIS API for JavaScript的第一个示例程序的内容,更多相关内容请关注PHP中文网(www.php.cn)!

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值