内联框架-嵌入百度地图
分类:
文章
•
2025-03-28 20:18:52
案例描述
在页面中嵌入百度地图页面，地图可以使用<鼠标左键>按住拖动，也可以通过<鼠标滚轮>进行缩放。
元件准备
操作步骤
1、鼠标双击内联框架打开链接属性设置界面；界面中选择【链接到url或文件】，【超链接】中填写mymap.html
2、打开百度地图开放平台，找到【地图生成器】
3、接下来mymap.html文件的制作
1）设置地图中心点，此处以“国贸”为例
2）设置地图尺寸、显示的内容以及其他功能
3）设置地图的标注
4）点击【获取代码】按钮，获取地图代码；
代码中需要写入地图的API**，单击【申请**】进行获取；
5）申请**
首先进行百度开发者注册
进入个人中心，点击【创建应用】，创建应用时候，注意浏览器端和服务器端的选择，Axure查看地图是浏览器端，完成后【访问应用（AK】这个字段对应的一长串数字就是**
6）复制保存代码
在本地新建一个html文档；将地图代码复制，粘贴到新建的文档中；将申请的**添加到文档中制定位置。
4、将制作好的原型生成HTML文件，将“mymap.html”添加到生成的html文件夹中
5、再次通过生成原型查看HTML文件，地图就能够正常显示了。
