- Building Web and Mobile ArcGIS Server Applications with JavaScript(Second Edition)
- Eric Pimpler Mark Lewin
- 192字
- 2021-07-02 15:48:57
Creating HTML code for the page
In the previous chapter, you learned the basic concepts of HTML, CSS, and JavaScript. Now you're going to start putting those skills to work. First, you need to create a simple HTML document which will ultimately serve as the container for your map. Since we're using the ArcGIS API for JavaScript Sandbox this step has already been done for you. However, I do want you to spend some time examining the code so that you have a good grasp of the concepts. In the following left pane of the Sandbox the code you see highlighted references the basic HTML code for the web page.
There's obviously some other HTML and JavaScript code in there as well, but the following code forms the basic components of the web page. This includes several basic tags including <html>, <head>, <title>, <body> and a few others:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Simple Map</title>
<!-- The following references the stylesheet for the ArcGIS API for JavaScript UI components -->
<link rel="stylesheet" >
<style>
html, body, #map {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<!-- The following references the ArcGIS API for JavaScript -->
<script src="https://js.arcgis.com/3.21/"></script>
<!-- The following script tag contains your custom application code -->
<script>
var map;
require(["esri/map", "dojo/domReady!"], function(Map) {
map = new Map("map", {
basemap: "topo", //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
center: [-122.45, 37.75], // longitude, latitude
zoom: 13
});
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
- 演進式架構(原書第2版)
- Getting started with Google Guava
- Mastering Entity Framework
- Oracle 12c中文版數據庫管理、應用與開發實踐教程 (清華電腦學堂)
- Building Mapping Applications with QGIS
- FFmpeg入門詳解:音視頻原理及應用
- Java程序設計:原理與范例
- Creating Stunning Dashboards with QlikView
- Magento 2 Beginners Guide
- Java EE 7 with GlassFish 4 Application Server
- 軟件測試技術
- C# 10核心技術指南
- 三步學Python
- C#教程
- C語言從入門到精通(第4版)