4-WEBGIS编程初涉.ppt

循环 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编程入门 王强 2010203029@ 摘要 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，图