Html添加百度地图

方法/步骤

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

如下图:

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

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

a、地图的宽和高

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

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

如下图:

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

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

6、把上一步生成的代码保存为html文件(我这里保存为map.html),在浏览器中打开就可以看到自己定义的百度地图了。

如果要把地图添加到现有的网页中,可以使用iframe标签,如:

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

原文地址:https://www.cnblogs.com/Violety/p/9507016.html

时间: 2024-07-31 12:16:54

Html添加百度地图的相关文章

如何在手机网站上添加百度地图(带搜索功能)

在手机网站上添加百度地图,直接用百度API里的代码就可以, http://developer.baidu.com/map/ 就可以生成地图 输入地址等一些信息,但是如何添加地址搜索 这样的地址搜索如何添加 而且添加后会出现冲突 小尖角好像是固定定位, 还没搞出来~~~

如何在网页中添加百度地图

现在大多数网站都会在联系地址页面插入地图,鉴于目前谷歌网址不能打开的原因,因此百度地图应该成为网站开发者的首选. 楼主因为要搞这个小东西,所以顺便发一篇博客分享,其实网上资料很多,楼主也是参考了网上达人资料,主要目的是为了方便以后自己查看啦! 首先,打开百度地图生成器网址:http://dev.baidu.com/wiki/static/map/API/tool/creatMap/ 点击地图快速生成器,进入选择编辑页面,这里有三步: 第一步是定位中心点,意思就是选择你想要设置的大体位置. 第二步

在网站中添加百度地图

怎样在网站中引用百度地图? 1.在html中添加一个div,添加一些样式. <div id="divMap" style="width:50%;height:300px;border:1px solid gray;"></div> 2.在head中添加对百度地图的引用. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.

Xcode4.6下添加百度地图ios版(BMapKit)详细教程(_BMKMapManager错误解决)

本文旨在帮助新手快速搭建ios版百度地图,官网有相关教程,可是太旧了,现在的xcode都更新到了4.6,他的教程应该是在4.3之前吧.估计新手在搭建的时候一定会遇到错误,按照我的教程一步一步,保证你花最少的时间,快速进行地图开发. 老鸟莫笑,我也是个新手,只是记录一下心路历程,如有错误,敬请指教. 机器环境:mac os x 10.8.2 开发环境:xcode4.6 真机环境:iPod Touch4G  版本:6.1.2 地图版本:BaiduMapApi_Lib_iOS_1.2.2    下载地

ios添加百度地图方法

Hello BaiduMapiOS SDK 引入头文件 引入静态库文件 引入系统framework 引入mapapi.bundle资源文件 初始化BMKMapManager 创建BMKMapView 引入头文件 首先将百度MapAPI提供的头文件和静态库(.a)文件拷贝到您的工程目录下,在Xcode中添加新的文件Group,引入百度MapAPI提供的头文件(请使用Xcode 4.X以上平台). 在您需要使用百度MapAPI的文件中添加以下代码 #import "BMapKit.h" 引

ionic1 添加百度地图插件 cordova-plugin-baidumaplocation

cordova-plugin-baidumaplocation 这个插件返回的数据是 json 格式的  可以直接获取  android 和 ios 都可用 1.先去百度地图平台去创建应用  获取访问应用AK  android 和 ios 是分开的 不同的 http://lbsyun.baidu.com/ 2.创建的时候需要发布版SHA1和开发板SHA1 参考链接:https://blog.csdn.net/lhg_55/article/details/52139277  (亲测有效) 3.添加

添加百度地图导航到项目进行项目调试

cmd打开dos窗口输入 keytool -list -v -keystore "C:\Users\jack\.android\debug.keystore" 输入密钥库口令,默认为空,直接enter.得到debug.keystore的SHA1密文 http://lbsyun.baidu.com/apiconsole/key/create?qq-pf-to=pcqq.c2c中安全码由SHA1+;+包名组成,填写完整信息进入下一步,获取"访问应用(AK)"作为valu

添加百度地图最简单的办法

http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D%E4%B8%8A%E6%B5%B7%E9%9D%92%E6%B5%A6%E5%8C%BA%E5%BE%90%E9%BE%99%E8%B7%AF77%E5%8F%B7后面加上地址就好了 比方说:http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D%E4%B8%8A%E6%B5%B7%E9%9D%92%E6%B5%A6%E5%

Android 百度地图开发(一)--- 申请API Key和在项目中显示百度地图

标签: Android百度地图API Key  分类: Android 百度地图开发(2)  最近自己想研究下地图,本来想研究google Map,但是申请API key比较坑爹,于是从百度地图入手,其实他们的用法都差不多,本篇文章就带领大家在自己的Android项目中加入百度地图的功能,接下来我会写一系列关于百度地图的文章,欢迎大家到时候关注!   一 申请API key 在使用百度地图之前,我们必须去申请一个百度地图的API key,申请地址http://lbsyun.baidu.com/a