美文网首页
iframe引入百度地图显示企业位置

iframe引入百度地图显示企业位置

作者: 发光驴子 | 来源:发表于2018-07-26 17:12 被阅读0次

步骤一:打开下面这个地址:http://api.map.baidu.com/lbsapi/creatmap/index.html
步骤二:定位中心点
在打开的页面左侧,输入企业的详细地址,然后点查找,即可在右侧的地图中显示企业的具体位置。
步骤三:设置地图
主要是设置地图的尺寸大小,其它的按照默认即可,比如我们要调用的地图大小宽度为600像素,高度为500像素
步骤四:添加标注
这是关键的一步,点开后,我们点选那个绿色的小点图标,然后在地图上企业所在的位置点击一下,即可标注好地点,标记好了之后,在标记图标的下面有“名称”和“备注”两个输入框,这里可以输入企业名称和企业相关的信息,一定不能浪费掉。编辑好之后,千万不要忘记点保存,否则无效的。
步骤五:获取代码
上面都设置好之后,我们点击下面的“获取代码”按钮即可获得地图的调用代码。全部复制下来,然后在桌面上新建一个文本文档,将代码复制进去后保存。重命名文本为:“baidumap.html”
步骤六:将baidumap.html这个文件上传到自己空间的根目录下。
在我们需要调用地图的地方,插入以下代码:
<iframe src="/baidumap.html" frameBorder=0 height=600 width=500 scrolling=no></iframe>
height=600指的是地图的高度;width=500指的是地图的宽度,这个根据实际地图大小来修改,不写也可以的。

转:https://blog.csdn.net/kongjiea/article/details/41719631

相关文章

  • iframe引入百度地图显示企业位置

    步骤一:打开下面这个地址:http://api.map.baidu.com/lbsapi/creatmap/ind...

  • web百度地图的使用

    前言:这次的功能就是选择地址,选择百度地图上的某个地方作为地址。 百度地图引入: 将地图定位点到当前位置: 功能:...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • Iframe

    iframe 用于在网页内显示网页。 添加iframe的语法 URL 指向隔离页面的位置 Iframe - 设置高...

  • HTML Iframe内联框架

    iframe用于在网页内显示网页。 添加iframe的语法 URL指向隔离页面的位置。 iframe - 设置高...

  • 2015/3/26

    1. android 如何使用百度地图显示 某些地理位置信息(图标)? answer: 1. 1)初始化百度地图空...

  • Vue调用百度地图的用法

    1,引入百度地图 import BaiduMap from 'vue-baidu-map' 使用你引入的百度地图插...

  • 地图和定位(四)

    一、地图的基本使用(MapKit) 代码: 二、地图显示用户位置 三、模拟追踪显示用户位置 1、显示用户位置的蓝点...

  • Vue中使用百度地图

    1、申请百度地图ak ak会在引入百度js的时候用到 2、引入百度地图js 在public/index.html里...

  • 百度地图 定位图标不显示的问题

    大家都知道 直接引用百度地图的api即可 但是按照百度地图的样式放上去竟然也不显示 ,后来我把里面的位置属性改称 ...

网友评论

      本文标题:iframe引入百度地图显示企业位置

      本文链接:https://www.haomeiwen.com/subject/mpnbmftx.html