WEBGIS编程入门汇编.pptVIP

循环 for循环 for (变量=开始值;变量=结束值;变量=变量+步进值) { 需执行的代码 } while循环 while (变量=结束值) { 需执行的代码 } 循环 do…while循环 do { 需执行的代码 } while (变量=结束值) JavaScript练习 安装google chrome浏览器 打开chrome浏览器 “F12” 选择“控制台” JavaScript练习 练习1：数学运算 a = 5 b = 3 JavaScript练习 练习2：字符串的”+”运算 a = 5 b = 3 c = “nanjing” a+c, c+a, a+b+c JavaScript练习 练习3：函数的定义与调用 function addUpTo(a, b) { result = 0; for(i=a; i=b; i++) { result+=i; } return result; } 调用： addUpTo(1, 5) JavaScript练习 教程与习题 /js/index.asp / GoogleMapAPI入门 显示一副地图 指定地图的位置 指定地图的类型 指定地图的缩放等级 GoogleMapAPI入门 function initialize() { var mapOptions = { center: new google.maps.LatLng(32.0294, 118.8419), zoom: 16, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(map_canvas), mapOptions); } GoogleMapAPI入门 center, 屏幕中心位置的经纬度 zoom, 缩放级别，0-18 mapTypeId，地图类型， ROADMAP SATELLITE HYBRID TERRAIN GoogleMapAPI文档 /maps/documentation/javascript/reference GoogleMapAPI入门 给地图添加标记 function addMarker(lat, lon, titleText){ var marker = new google.maps.Marker({ position: new google.maps.LatLng(lat, lon), title:titleText }); // To add the marker to the map, call setMap(); marker.setMap(map); } addMarker(32.0294, 118.8419, 南京农业大学); 练习 在地图上标记出自己的 实验室 宿舍 食堂 其它 课程作业1 基于Google地图制作南京著名景点介绍网页 要求： 景点数量不少于8个 每个景点的介绍至少包括文字和图片，最好能结合音频、视频增强展现效果 每2人一组，下周一之前将分组信息汇总到班长处 11月29日讲演 谢谢！ WEBGIS编程入门 摘要 HTML与CSS JavaScript GoogleMapAPI HTML简介 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML简介 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 HTML简介 HTML文档 = 网页 示例说明 html 与 /html 之间的文本描述网页 body 与 /body 之间的文本是可见的页面内容 h1 与 /h1 之间的文本被显示为标题 p 与 /p 之间的文本被显示为段落 HTML标签 标题： h1 -- h6 HTML标签 段落： p HTML标签 链接：a HTML标签 图像：img HTML标签的属性 img src=/img/ind/naubuilding.jpg width=300 height=120 / img标签的属性： src， 图像的访问地址 width，图像显示的宽度 height，图像显示的高度 HTML注释 注