给你的页面加一个百度地图

原文地址：http://liuyanzhao.com/1746.html
给你的页面加一个百度地图

今天一个朋友问我怎么在页面插一张地图，是的，想必大家都见过。下面我就简单介绍一下，也算是备份一下代码，要用的时候可以直接复制来粘贴。效果图如下：

第一步、进入百度地图网站获取代码

给一个链接：http://api.map.baidu.com/lbsapi/creatmap/

可以看到这样,有三个选项，大家可以打开看看，最后点获取代码

第二步、新建一个文件，取名为baidumap.html

将你刚才获取的代码粘贴进去，并保存保存。然后将baidumap.html放到网站根目录，像这样

第三步、在文章或者页面中加以下代码

<iframe src="/baidumap.html" width="90%" height="400" frameborder="0"></iframe>

大家可以自行调节宽度或者加居中，记得一定时用在文本情况下输入，像这样。如果无法加载地图，可能时路径不支持，那你就把src值改成“http://域名/baidumap.html”

至此，我们就配置成功了
原文地址：http://liuyanzhao.com/1746.html

给你的页面加一个百度地图相关推荐

Leaflet加载百度地图
为了验证一下百度地图的影像.矢量.注记等瓦片数据是否是坐标统一的,写了一个简单的leaflet加载百度影像瓦片.矢量瓦片.注记瓦片的页面,叠加在一起,看了一下,果然坐标系是统一的. <!DOCT ...
web端加载百度地图和天地图
1.加载百度地图在页面中引入js文件 <html> <head> <script type="text/javascript" src=" ...
FGMap学习之--加载百度地图
今天我们用FGMap来加载百度地图数据. 从目前国内的地图服务商提供的地图来看,地图瓦片切图规则只少分为三种.其中Google Map.Bing地图.MapABC.QQ地图是一类,而百度地图.搜狗地图 ...
【百度地图】——利用三级联动加载百度地图
[百度地图]--利用三级联动加载百度地图 HTML+CSS代码如下: <!DOCTYPE html> <html lang="en"><head> ...
leaflet、cesium加载百度地图，加载自定义样式百度地图
1 leaflet.cesium加载百度地图(官方预设样式) 预留,待补充 2 leaflet.cesium加载百度自定义样式地图样式编辑器新版地址:http://lbsyun.baidu.com/ ...
openlayers加载百度地图作为底图坐标偏移的解决办法
openlayers加载天地图作为底图,在网上找了公开的服务资源,要做到百度地图与天地图之间切换,同样也从网上找到百度地图的服务资源但是在地图上坐标总是有偏差,最初的代码是这样的: var proje ...
Openlayers3 加载百度地图，天地图
2019独角兽企业重金招聘Python工程师标准>>> openlayers3 加载百度地图: var projection = ol.proj.get("EPSG:385 ...
（转） Arcgis for js加载百度地图
http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲 ...
ol xyz 加载天地图_Openlayers3 加载百度地图，天地图
2019独角兽企业重金招聘Python工程师标准>>> openlayers3 加载百度地图: var projection = ol.proj.get("EPSG:385 ...
leaflet加载百度地图（路网矢量图和卫星影像图）示例代码032
第032个点击查看专栏目录本示例的目的是介绍演示如何在vue+leaflet加载百度地图,这里使用了control.layers进行切换两种不同的百度底图.这里要引用proj4,proj4leaf ...

给你的页面加一个百度地图

给你的页面加一个百度地图相关推荐

最新文章

热门文章