如何在HTMl网页中插入百度地图

如何在HTMl网页中插入百度地图,第1张

1、登录百度地图api,地址:http://api.map.baidu.com/lbsapi/creatmap/index.html

2、设置你的地理位置,以北京大学为例子如图

3、简单设置下地图功能,也可以不设置。地图的宽度和高度根据网页空间的大小设置就可以。

4、设置地图信息标注,这个有利于查看地图的人一眼就看到自己在什么位置,而且也很清楚的标注了你所要标注地点的名称。

5、设置以后查看效果:

6、另外两个也是标注工具,使用方法和这个是一样的。

7、获取代码,以上都设置好了以后,就可以获取地图代码了

8、复制地图代码插入到网站的页面源文件中,如果你是在网站后台编辑中想要插入地图,就点击后台的源代码按钮,直接将地图代码复制进去就可以。

第一步:在浏览器中打开百度地图生成器

第二步:图中右侧为自定义,根据自己的需求填写相关信息

第三步:点击获取代码按钮,会自动生成代码,将代码写入页面中即可,也可以使用iframe标签完成引用。

1、打开网页百度搜索引擎,输入:百度API,然后点击进入:如图

2、在进入百度API之后,选择栏目项开发--->地图生成器选项,单击进入:如下图

3、在打开的新的窗口页面时,设置自己的区域,精确查找等要设置的地点;如图

4、如图所示:添加标注,标注我所在地址;

5、所有都设置好了以后,点击获取代码:会自动d出新的对话框,如图;

6、将d出的新的对话框里的html代码复制到html格式的文件里面,然后右击,打开方式,用浏览器打开,查看效果,即可;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6296960.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存