Web20培训施松MIT新媒体行动实验室NMAL

Web2.0培训施松MIT新媒体行动实验室NMAL概要•什么是GoogleMap(Google地图)•使用Google地图：–路线规划，如驾车，公交，火车路线等–将google地图和自己生成的路线嵌入自己的网站或博客•简单定制Google地图：制作自己的地图•多个用户协作共同制作地图GoogleMap(Google地图)GoogleMap(Google地图)GoogleMap(Google地图)•什么是GoogleMap(Google地图):•Google地图是Google提供的一项服务，可向用户提供功能强大、易于使用的地图技术和包括商户位置、联系信息以及行车路线等内容的本地地图信息。•通过Google地图，用户可以找到整合在地图上某一位置的商户位置和联系信息。例如，如果用户搜索“北京大学”，地图上便会显示相关的单位的位置列表以及电话号码。••Example:Googlemap:北京大学Google地图•使用Google地图：–定位，如“北京大学”–放大地图：用鼠标滚轮，用地图工具（标尺）–移动地图：用鼠标拖动，用地图工具–Example:下一页地图工具Google地图•使用Google地图：–路线规划，如驾车，公交，火车路线等–Example:从北京大学到国家体育场•右键单击，选择从此地点出发•输入到达地址：国家体育场–丰富的地理信息，普通地图，卫星图，地形图–北京实时交通信息右键单击，选择从此地点出发输入到达地址，按搜索路线，如有多个相似地址，选择自己要去的精确地址蓝色为具体路线Google地图•练习：–查找从北京大学到国家体育场的路线–选做：查找从中山大学到白云机场的路线•将路线与他人分享或发给需要的人–点击发送–输入收信人，发信人地址，按发送–具体见下一页点击发送，输入收件人，发件人地址，按发送Google地图•Example：–将从北京大学到国家体育场的路线发送给自己邮箱–注意：收到的链接要完全拷贝到地址栏才有效•收到的结果包括文字叙述，和链接。具体见下一页邮件收到的结果---链接要完全拷贝•搜索路线链接：=d&source=s_d&saddr=%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E9%A2%90%E5%92%8C%E5%9B%AD%E8%B7%AF5%E5%8F%B7+(%E5%8C%97%E4%BA%AC%E5%A4%A7%E5%AD%A6)&daddr=%E5%8C%97%E4%BA%AC%E5%B8%82+(%E5%9B%BD%E5%AE%B6%E4%BD%93%E8%82%B2%E5%9C%BA)&hl=zh-CN&geocode=%3BFT9LYgIdFfnvBiG2h-P118k17g&mra=pe&mrcr=0&sll=39.979542,116.364436&sspn=0.107336,0.22007&ie=UTF8&ll=39.990931,116.339893&spn=0.053659,0.110035&z=13&brcurrent=3,0x35f059e5708deadf:0xb65a59126032e5e0%3B5,0出发地址：北京大学北京市海淀区颐和园路到达地址：国家体育场北京市出发地点：北京大学北京市海淀区颐和园路1.沿颐和园路向东南-97米2.向右转进入二龙闸路-154米3.在二龙闸路中口向左转，进入二龙闸路-243米4.在圆明园西路辅路向右转-481米5.走左侧匝道，走万泉河路-1.0公里6.下出口后走北四环西路-3.6公里7.沿北四环中路继续前行-3.0公里8.下八达岭高速/昌平出口走八达岭高速-1.2公里9.下安翔北路出口走昌平路-0.5公里10.在科学园南里西街向右转-1.1公里11.沿南沙滩路继续前行-159米12.向右转-180米到达地点：国家体育场北京市此邮件由Google地图(ditu.google.com)用户发送给您Google地图•练习：–将北京大学到国家体育场的路线路线发送给同组的其他成员–将链接拷贝到新的浏览器窗口，验证其有效–选做：–将中山大学到白云机场的路线路线发送给同组的其他成员–将链接拷贝到新的浏览器窗口，验证其有效Google地图•使用Google地图：–丰富的地理信息：普通地图，卫星图，地形图间变化–北京实时交通信息•练习：–察看以前练习路线的卫星图，地形图Google地图•将google地图和自己生成的路线嵌入自己的网站或博客–以链接的方式：网站或博客的读者点击相关链接，在google地图中打开相关路线–以图形的方式：要求使用html,且网站或博客支持iframe。•Example:–左键单击“链接”，显示出可以拷贝的链接（网址）和可以拷贝到网站或blog中的html文件。具体看下一页。左键单击“链接”，显示出可以拷贝的链接和可以拷贝到网站或blog中的html文件Google地图•Example:在163博客中插入从北京大学到国家体育场的路线的链接（）–左键单击“链接”，显示出可以拷贝的链接（网址），拷贝链接到163博客。–登陆自己的163博客，单击“写日志”–在163博客输入文字“点击链接察看从北京大学到国家体育场的路线”–指定其为link,将“链接”拷贝入–发表日志，验证链接有效登陆自己的163博客，单击“写日志”指定其为link,将“链接”拷贝入练习•在163博客中插入从北京大学到国家体育场的路线的链接（）•并验证•选做：在163博客中插入从中山大学到白云机场的路线的链接（）•并验证Google地图•讨论：Google地图对公益组织的用途定制Google地图：制作自己的地图-下图为参加本次培训的各组织的地图—例子1本次培训例子2地震物资需求图•=UTF8&hl=zh-CN&oe=UTF8&msa=0&msid=103335311190703792834.00044d70e92741170f3d3Google地图•简单定制Google地图：制作自己的地图•无需任何高深技术，轻松创建并分享自己的地图•具体方法：–打开ditu.google.com，点击“在Google上创建我的地图”–点击“创建新地图”，会提示使用Google帐户登录–登录后，填写地图的标题和描述：•如标题：NGOweb2培训案例•描述：web2技术培训在Google地图上创建共享我的地图登录后，填写地图的标题和描述练习•1创建自己的地图•2命名自己的地图，并添加说明•3按保存，将自己建立的地图保存Google地图添加定位标记•单击添加定位标记，在希望添加的位置添加定位标记Google地图•设置定位标记属性：右键点击定位标记，快捷键中选属性，显示定位标记属性框Google地图•定位标记属性框中可以输入对此定位标记的各种说明：•编辑标记的信息窗口内容，可以为普通文本，html，图片。双击定位标记可以查看其属性（说明）练习•1查找到北京大学•在博雅塔附近添加定位标记：可回收物收集桶1，并添加说明•选做：在斯诺墓塔附近添加定位标记：可回收物收集桶2，并添加说明•按保存，将自己建立的地图保存Google地图•单击编辑修改地图按钮，之后可以修改放置上的定位标记等。左键按下，可以拖动定位标记到新位置。•Example:拖动可回收物收集桶1放置到北京大学水电中心附近•按保存，将自己建立的地图保存编辑修改地图按钮Google地图：多个用户协作共同制作地图。协作：是指多个用户可以共同制作地图按协作按钮Google地图：多个用户协作共同制作地图输入被邀请人的email,Google地图：多个用户协作共同制作地图•协作者的email收到邀请后,通过邮件中的url可以看到被邀请共同编辑的地图–例如:我已经与您共享了名为公益组织地图-协作版的地图：您可以在=UTF8&hl=zh-CN&oe=UTF8&msa=0&msid=116343129023245047001.00046df3e4219f724a590查看和修改此地图•在左上角,按登录后,可以在我的地图中看到被邀请编辑的地图.在他人创建的地图中.按修改可以编辑Google地图•练习：–1邀请本组成员共同制作地图:–2选作：每组协同标注出包括组内各成员的公益组织的地址的地图。–在组内讨论：公益组织如何应用GoogleMapGoogle地图•制作好的地图，如同前一部分讲的路线一样，可以通过按“发送”,发给其他人•可以通过按“链接”，产生可以嵌入自己的网站或博客的链接或代码小结1•使用Google地图：–定位，放大地图，移动地图–路线规划，如驾车，公交，火车路线等–路线通过邮件发送给他人–路线嵌入网页或博客–自己制作地图小结•什么是GoogleMap(Google地图)•使用Google地图：–路线规划，如驾车，公交，火车路线等–将google地图和自己生成的路线嵌入自己的网站或博客•简单定制Google地图：制作自己的地图•多个用户协作共同制作地图选讲:编辑地图标注•单击定位表标志,在属性编辑窗口,单击图标选讲:编辑地图标注•选择合适的标志图标,之后在属性编辑窗口按确定选讲:编辑地图标注2:从网络上加入任何图标为定位标记•编辑标记时,按我的图标,选讲:编辑地图标注2:从网络上加入任何图标为定位标记•之后按添加图标,在窗口输入需要图标的网址重要提示:1.可以支持jpg、gif、bmp或png文件的URL。2.不知道用什么图标?怎么办?用Google,只要网上有的就可以.3.网上没有?怎么办?•例子:将北大山鹰社的图标换为其自己的图标–点出定位标记的属性编辑窗口–点击”我的图标”–点击”添加图标”–用Google搜北大山鹰社,找到其图标••右键点击图片,复制图片的url.•拷贝到添加图标窗口•确定–在”我的图标”选择新图标,–属性编辑窗口按确定选讲:编辑地图标注2:从网络上加入任何图标为定位标记右键点击图片,复制图片的url在”我的图标”选择新图标练习:标注”自然之友”办公室与自己的地图上1.Google找到自然之友的地址2.在我的地图上定位,添加定位标记”自然之友办公室”3.改变定位标记图标为自然之友Logo4.在属性窗口添加–地址：北京市东城区甘雨胡同53号万博写字楼368室–邮编：100006–电话：[phone]–传真：[phone]–办公时间：周一~周五，8:30~17:30–电子信箱：[e-mail]网址：添加一张自然之友活动的照片在自己的地图上添加路线•可以在自己的地图上添加保存需要的路线•选择出发点,右键选择”从此点出发的路线”•输入目的地精确地址,找到路线•之后,按保存保存到我的地图,选择保存到相应的地图按保存到我的地图,选择保存到相应的地图,按保存练习2:•标注自己公益组织于自己的地图上•添加从自己组织到中山大学的线路,并保存