使用百度提供的百度地图生成器快速生成百度地图,并把生成的地图插入到自己的网页中。 第一步:打开网址 打开百度地图生成器的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html 第...

使用百度提供的“百度地图生成器”快速生成百度地图,并把生成的地图插入到自己的网页中。

第一步:打开网址

打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html

第二步:定位地址位置

在“1.定位中心点”中,切换城市,并查找具体位置,如下图:

百度地图生成器,网页中插入百度地图

第三步:在“2.设置地图”中,可以按照自己的喜好修改地图的外观:

1、地图的宽和高

2、地图上显示的按钮(缩放、缩略图、比例尺)

3、鼠标和键盘对地图的操作

如下图:

百度地图生成器,网页中插入百度地图

第四步:在“3.添加标注”中,可以添加自己想要标注的位置和信息,如下图:

百度地图生成器,网页中插入百度地图

第五步:在“获取代码”中,点击“获取代码”按钮,就会弹出根据上面的设置生成代码,如下图:

百度地图生成器,网页中插入百度地图

第六步:把上一步生成的代码保存为html文件(我这里保存为map.html)

这里的map.html 放在了跟目录下。

第七步:打开自己网站的后台,一般在栏目内容(需要切换到源码模式)或者网页代码中。

找到相应位置,粘贴代码为:<iframe src="/map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

织梦(DEDE)栏目内容中插入百度地图步骤相关推荐

  1. 中 自动展示链接的内容_织梦DEDECMS文章内容中的图片自动添加ALT和title属性方法...

    今天下载我资源网(www.xiazaiwo.net)要说的是织梦DEDECMS文章内容中的图片自动添加ALT和title属性,如果觉得不错,请分享给大家,也给大家做个参考.一起跟随小编过来看看吧! 织 ...

  2. 织梦php页面中调用标签,织梦dede:php标签中调用其他普通标签和页面相关变量及全局配...

    这篇文章主要为大家详细介绍了织梦dede:php标签中调用其他普通标签和页面相关变量及全局配,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 织梦dedecms{ ...

  3. currentstyle 织梦_织梦DEDE栏目高亮channel属性currentstyle采用详解

    织梦DEDECMScms被点击的栏目高亮显示办法详解,织梦DEDE栏目高亮channel属性currentstyle采用详解,废话不多说直接举例说明:织梦DEDEchannel属性currentsty ...

  4. 织梦 PHP 字段 调用,织梦dede网站内容模型普通文章调用自定义图片字段的方法(和调用...

    织梦DedeCMS网站内容模型普通文章调用自定义图片字段的方法: 我们首先需要创建一个自定义函数, 找到:/include/extend.func.php ,在 function GetOneImgU ...

  5. 在网页中插入百度地图(Wayde-实例)

    摘要:进入:http://api.map.baidu.com/lbsapi/creatmap/ (创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用)... 转载请注明来源:在网页中插 ...

  6. 在网页中插入百度地图

    在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api. 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/ ...

  7. 在网页中插入百度地图(实例)

    步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地 ...

  8. 在网页中插入百度地图的那些事

    在公司做项目的时候,做一个联系我们的页面,需要在页面插入百度地图,由于使用bootstrap框架开发的,所以会在ie和火狐出现问题(显示不出来),bootstrap.css样式里面包含地图的属性,把d ...

  9. 织梦php调用模型,织梦dede新建模型中自定义联动类别调用

    dede新建模型中自定义联动类别调用及修改,没找到一个好的方法,就凑活用这个方法吧.也许只有这个方法比较好 先在后台的"联动类别管理"里新增"类别组",&quo ...

最新文章

  1. 转Go语言TCP Socket编程
  2. J .U.C 简介-Lock
  3. linux 查找tomcat目录,linux下通过tomcat访问某路径下的文件
  4. java数组 0912
  5. 【金蝶K3Cloud】Python拼接字段
  6. mysql卸载rpm包_mysql彻底卸载(rpm安装包)
  7. 学python用什么软件-初学 Python 需要安装哪些软件?
  8. 【python】中 type dtype astype辨析
  9. 切片器可以设置日期格式?_切片器知识干货整理
  10. 私有云基础架构设计:存储、网络、计算、安全和应用的设计最佳实践及案例
  11. bartender打印错误
  12. 企鹅号一万阅读能有多少收益?企鹅号平台补贴怎么获得
  13. 计算机应用公式求和,Excel函数教程:与求和有关的函数
  14. 如何批量修改多个文件的后缀名?
  15. linux下载安装tree命令
  16. 求矩阵A的转置矩阵B,其中Bij=Aji。
  17. PMP备考错题集-模拟题一
  18. UsbAccessory和UsbDevice的区别
  19. 计算机文件管理的属性,系统文件属性-我的电脑属性中“文件系统我的电脑属性中文件系统”在哪看到?我 爱问知识人...
  20. 医院系统时间同步服务器,医院对同步时钟系统的需求

热门文章

  1. 100层楼,2个鸡蛋,找出那一层鸡蛋破
  2. 招聘|蔚来汽车招感知算法工程师(Intern)
  3. Java中字符串开头,java中如何判断字符串是以什么开头
  4. BestCoder Round #7-A,B,C
  5. 记一次addClass is not a function情况
  6. 窗口过程,窗口过程函数
  7. quest 阈值 matlab 心理物理,PPT实验心理学03 心理物理学I
  8. 功能测试和自动化测试的优缺点
  9. Pytorch 语义分割DeepLabV3+ 训练自己的数据集
  10. HDU 6112 今夕何夕【2017百度之星】【日期模拟计算】【基姆拉尔森计算公式】【蔡勒公式】