创建地图-百度地图生成器

一、打开百度地图生成器的网址

网址:http://api.map.baidu.com/lbsapi/creatmap/


可以看出官方给出了两个步骤:
第一步:创建地图
第二步:获取代码
特别的简单。动动鼠标,点点地图就可以做到了少写几百行代码的目的。name接下来咱们一起看一下从创建到在真实代码中是如何使用的。

二、创建地图

(一)定位中心点

定位中心点:这个功能就是执行了下面两个操作
var map = new BMap.Map("map");//在百度地图容器中创建一个地图
var point = new BMap.Point(117.19564,36.682652);//定义一个中心点坐标

可以选择当前的城市,也可以输入一个比较详细的地点,也可以用鼠标拖动地图来选择合适的位置。

注意:地图的级别可以由滚动鼠标来决定

(二)设置地图

可以设置地图的尺寸,也可以调整地图上的控件的位置以及默认显示的状态等。很方便,可以根据自己的需求来设定。

(三)添加标注

在线创建的标注支持三种方式,如下面三个图

咱们来添加一个坐标测试下

输入一些描述

点击后:

也可以添加多个

预览


预览时的图片可能存在问题,先忽略吧

三、获取代码

点击获取代码

复制下来弹出的代码

在ide中跑起来这个代码

把代码复制到ide创建的html中

如果没有这个key的童鞋可以看这篇:
https://blog.csdn.net/qq_17623363/article/details/103234119
很详细,去注册一下就好了。

测试

然后就可以成功的看到结果了:

百度地图如何创建一个属于自己的地图,附加到项目中?相关推荐

  1. 如何在百度百科里创建一个百科词条,百度百科官网创建词条步骤方法

    很多朋友表示特别希望能在百度百科里创建一个百科词条,但是在百度百科官网却不知如何操作创建百科词条,连最基本的百度百科操作步骤可能都不清楚,下面洛希爱做百科网为大家分享如何在百度百科里创建一个百科词条, ...

  2. JAVA创建一个Box类(长方体),在Box类中定义三个变量,分别表示长方体的长(length)、宽(width)和高(heigth)

    编程创建一个Box类(长方体),在Box类中定义三个变量,分别表示长方体的长(length).宽(width)和高(heigth),再定义一个方法void setBox(int l, int w, i ...

  3. 创建一个商品类Product类,在该类中定义3个属性id,name,price和重写toString()方法

    ·创建一个商品类Product类,在该类中定义3个属性id,name,price和重写toString()方法,分别实现setter()和getter()方法,创建一个测试类,调用Product类的构 ...

  4. 《JAVA》编程创建一个Box类(长方体),在Box类中定义三个变量

    问题:编程创建一个Box类(长方体),在Box类中定义三个变量,分别表示长方体的长(length).宽(width)和高(heigth),再定义一个方法void setBox(int l, int w ...

  5. a.创建动物类Animal,在该类中创建一个成员方法cry(), 输出“动物会发出叫声”,以及一个eat()方法,输出“动物需要食物”; b.创建一个Animal子类Dog类,在该类中重写父类的成员

    创建Zoo类作为主类,在main方法中分别创建各个类对象 ,并调用各自类的cry()方法, 创建Dog类的对象赋值给Animal类的对象,然后调用cry()和eat()方法. ** a.创建动物类An ...

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

    2019独角兽企业重金招聘Python工程师标准>>> 最近自己想研究下地图,本来想研究google Map,但是申请API key比较坑爹,于是从百度地图入手,其实他们的用法都差不 ...

  7. asp.net接受表单验证格式后再提交数据_创建一个注册界面,并记录到数据库中...

    demo开始时我们需要准备点东西 1.jQuery 可以去cdn.js上copy一个, 2.我们要安装好node.js, 因为需要自己搭建一个服务器去测试,32位,64位,下载后配置好就行 3.开始写 ...

  8. android怎么创建一个包命名空间,从Android的jar lib中声明命名空间

    我正在创建一个Android SDK作为jar.它包含一些自定义视图和自定义参数.我想创建一个嵌入式解决方案,开发人员除了将jar放入libs文件夹之外不需要做任何其他操作.我无法参加一个真正的图书馆 ...

  9. java创建一个不可变对象_如何在Java中创建不可变类?

    java创建一个不可变对象 Today we will learn about the immutable class in Java. What are immutable classes? The ...

最新文章

  1. 链接2: excel中的截取文子串的功能------left,mid以及right函数使用
  2. 基于策略的一种高效内存池的实现
  3. html 让表格在右侧显示不出来,css中怎么解决表格边框不显示的问题?
  4. C#LeetCode刷题-双指针
  5. web安全day23:vim软件的最基本最常用操作
  6. 【历史上的今天】6 月 25 日:笔记本之父诞生;Windows 98 发布;通用产品代码首次商用
  7. 功能结构图、信息结构图、结构图的区别
  8. Ubuntu 最好用的CHM阅读器KchmViewer
  9. 机器学习笔记(四)——正则化
  10. Third season seventeenth episode,Ross and Rachel can not stay at one place???
  11. Android在一个app中启动其他app中的service或者Activity
  12. 分布式WLAN全双工链路加权调度算法
  13. 怎样将文件压缩并传到服务器,客户端上传压缩文件(zip)的思路和实现
  14. 步步为营——局域网调试NAS软路由“PVE+爱快+lede+黑群晖硬盘直通”并移植到宽带网(超详细,上篇)
  15. ECharts画分类甘特图
  16. (20210129已解决)Pandas通过某列值包含特定字符串过滤行
  17. 宝塔面板创建的ftp登陆无法连接解决方案?
  18. GTP(学习笔记1)
  19. 【第21期】以实际项目作驱动,换种方式学Java
  20. 25页国有企业数字化转型ppt,解决4个典型痛点场景,实现提质增效

热门文章

  1. FlashBack闪回技术
  2. 电磁场的产生以及如何选择电磁场发生器
  3. Android引包出现Duplicate class com.xxx.xxx found in modules错误
  4. Structured Streaming系列-1、Structured Streaming
  5. CSDN文章如何设置目录
  6. 定时器中断程序 c语言,定时器中断函数的使用
  7. linux mint 18 中文版,linux mint 18.2
  8. 锂离子电池的主要构成部分
  9. python定义多项式除法_多项式长除法
  10. requests的深入刨析及封装调用