请选择 进入手机版 | 继续访问电脑版

织梦dedecms网站地图,公司地址百度地图坐标创建教程

[复制链接]
查看2203 | 回复1 | 2019-7-10 14:43 | 显示全部楼层 |阅读模式
织梦dedecms网站地图,公司地址百度地图坐标创建教程
第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,打开后如图:

织梦dedecms网站地图,公司地址百度地图坐标创建教程

织梦dedecms网站地图,公司地址百度地图坐标创建教程
第二步:看到图中第一步的下面有1,2,3三个小步骤,打开1.定位中心点→切换里面的城市按钮,选择你要展示的城市位置→在输入框中输入具体的地址,点击查找,就能在右边地图上显示你要显示的位置地图

织梦dedecms网站地图,公司地址百度地图坐标创建教程

织梦dedecms网站地图,公司地址百度地图坐标创建教程
第三步:打开2.设置地图,在里面可以设置地图的宽高,决定哪些按钮是要还是不要,按钮的位置都是可以设置的

织梦dedecms网站地图,公司地址百度地图坐标创建教程

织梦dedecms网站地图,公司地址百度地图坐标创建教程
第四步:打开3.添加标注→第一个图标“点标记”,可以设置具体的位置点,以点标记的形式显示在地图中,可以更换点标记的样式,也可以设置你要显示的名称和备注;第二个图标“线标记”,可以画出线条路线等;第三个图标“文字标记”,可以写些文字;

织梦dedecms网站地图,公司地址百度地图坐标创建教程

织梦dedecms网站地图,公司地址百度地图坐标创建教程
至此,一个简单的百度地图位置就设置完了,接下来就是把地图插入到网页中;第五步:点击“获取代码”,就会出现一个弹框,里面的代码就是我们所要的,把代码复制到一个空的html文件中保存,命名为“map.html”;

织梦dedecms网站地图,公司地址百度地图坐标创建教程

织梦dedecms网站地图,公司地址百度地图坐标创建教程

第六步:在要用地图的网页中,用一个iframe标签【<iframe src=""  frameborder="0"  width=""  height=""></iframe>】,它的src路径就写map.html,这样在你的网页中就可以显示你自己设置的地图了,当然地图的宽高、在网页中显示的位置要自己写css。

织梦dedecms网站地图,公司地址百度地图坐标创建教程

织梦dedecms网站地图,公司地址百度地图坐标创建教程
大妈 | 2019-8-19 22:29 | 显示全部楼层
学习了,感谢自丢教程网
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24