1.元件准备
2.
3.鼠标双击框架打开链接属性设置界面;界面中选择【链接到url或文件】,{超链接}中填写“mymap.html”
4.打开百度地图开放平台,网址:http://developer.baidu.com/。在【开发文档】菜单中选择【地图生成器】
5.接下来“html”文件的制作:
①设置地图中心点,此处以“国贸”为例;
②设置地图尺寸、显示的内容以及其他功能;
③设置地图的标注;(略)
④点击【获取代码】按钮,获取地图代码。代码中需要写入地图API的**,点击【申请**】进行获取;如果不知道如何获取,可以查看页面上的“了解如何申请**”。
⑤在本地新建一个文本文档;将地图代码复制,粘贴到新建的文档中;将申请的**添加到文档中指定位置
⑥将文档保存,然后将文档名称修改为“mymap.html”
⑦将制作好的原型生成HTML文件,将“mymap.html”文件添加到生成的HTML文件夹中
6.再次通过生成原型查看HTML文件,地图就能够正常显示了。
**注意:**因为是在生成的HTML文件中嵌入的本地文件,所以必须生成后,打开HTML文件进行查看,不可通过预览功能进行查看。
Tip
如果,想把嵌入的文件放入一个单独的文件夹中,【链接属性】的设置中的文件路径也必须带有文件夹名称,并以斜杠“/”表示层级。
例如,在HTML文件夹中创建名为“MP3”的文件夹保存文件“听海.mp3”,那么,在内联框架的【链接属性】设置中,文件路径就要填写“MP3/听海.mp3”。
嵌入在线内容
内联框架除了嵌入本地文件,还可以嵌入在线内容(包括网页与文件)。
嵌入在线内容,只需要将完整的网址(http://或https://开头)填入【链接属性】的【超链接】中,就能够在框架中打开网页。
例如,在我们的原型页面中嵌入一个优酷视频。
①1、打开优酷视频播放页面,找到视频的链接
②在代码中找到“src”属性,将属性值中的视频源链接地址复制,粘贴到框架【链接属性】的【超链接】中即可。
打开生成的HTML文件就可以播放视频。
完成!