1、双击打开HBuilderX开发工具,新建一个静态页面d4.html文件
2、打开静态页面文件,引入对应的百度地图JavaScript文件,并添加meta标签
3、在<body></body>标签中,插入一个div标签,并设置id属性值
4、在body标签外层,添加一个script标签,初始化百度地图并设置中心位置和缩放比例
5、保存代码并运行项目,打开浏览器预览界面,结果地图不显示
6、返回到编辑器,给地图容器设置一个宽度和高度,然后保存代码
7、再次刷新浏览器,然后查看地图是否出现,以及展示的效果