在使用HTML制作地图，可以结合百度地图，根据不同的数据源创建地图。下面利用实例说明，操作如下：
工具/原料
1
JavaScript
2
HTML5
3
HBuilderX
4
CSS3
5
截图工具
6
WPS
7
百度地图
方法/步骤
1
双击打开HBuilderX开发工具，新建一个静态页面d4.html文件
3
在
标签中，插入一个div标签，并设置id属性值5
保存代码并运行项目，打开浏览器预览界面，结果地图不显示
6
返回到编辑器，给地图容器设置一个宽度和高度，然后保存代码
7
再次刷新浏览器，然后查看地图是否出现，以及展示的效果
总结
1、新建静态页面2、引入地图文件3、插入容器元素4、编写生成地图5、保存预览效果END
注意事项
1
注意如何制作HTML地图
下一篇：《我的世界》地图怎么做？