前几天接了一个小项目,就是有关百度地图的,和我的上一篇不一样,上一篇是复制人家的源代码是把东西写死了的,这次的比较有难度,要调取他的接口,用js来实现。

下面我先说一下主要实现的功能,和要实现的页面

这个小项目分为前台和后台

前台需要两个页面,第一个页面是一打开就可以获得自己的实时位置,显示当前位置与当前的经纬度,这两项是自动获取的,还有标题和电话是可以自己添加的,点击添加,就是到达百度地图的页面,你刚刚添加的东西就会在这个地图上显示,形成一个标注,点击标注,里面显示的就是刚刚你添加的标题和电话。

后台就是显示你添加的那些信息,也就是说你在添加的时候,就已经把他存入数据库了,你可以通过后台来修改他的标题和电话,其他两项不可改,或是可以直接删除,删除的话,地图上的小标注也会消失。

功能差不多就是这些,当时写的时候,没有具体的讲清楚饶了很多弯路,当真正理清楚了反而觉得没有那么难了,不过确实也没有学过,感觉好多东西都是遇到了才边学边会做

废话不多说了,先来看一下效果吧

因为要手机也可以用,所以做的响应式的

他的位置取到的是这里

这个定位很不准确,有时取到的位置是对的,有时候会有偏差

下面再来给他添加标题和电话

点击标注

会转到百度地图

点击标识

会弹出刚才我们输入的内容

看一下数据库

刚才添加的那条也进了数据库

还有其他两个地点。我们从地图上找一下

另外两个标在这里,点击标识

都可以出现里面的内容

然后再来看后台页面

可以对其进行修改,删除

点击修改

后面加了333,点击修改

修改成功

具体就是这么一个操作

做的时候只需要参考一个网址就可以http://lbsyun.baidu.com/index.php?title=jspopular&qq-pf-to=pcqq.c2c

这个网址是关于百度地图操作的

进入后就是这样的

调接口前首先要点击获取秘钥,没有登录百度账号的,首先会让你登录,登陆后会出现一个这样的页面

你可以创建应用,内容可以随便填

创建了之后就会出现你创建好的应用

那个AK就是百度地图接口的秘钥

然后再打开一开始的窗口

功能介绍里面的小功能随便点进一个

然后就到达了这个页面

可以参考着这个来写

做这个小项目需要一个数据库,数据库如下

下面展示一下我的源代码把

前台添加页代码部分

无标题文档

p{margin-left:5px;font-size:14px;}#r1{width:100%;max-width:1300px;height:500px;text-align:center; }#r2{width:100%;max-width:1300px;height:50px;text-align:center; }#r3{color:#999}

标注您当前位置,并添加信息

地   址:
经纬度:
标   题:
电   话:

注:地址和经纬度取您的实时位置,标注后会显示百度地图

java百度地图添加标注_调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加信息标注...相关推荐

  1. 调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加信息标注...

    前几天接了一个小项目,就是有关百度地图的,和我的上一篇不一样,上一篇是复制人家的源代码是把东西写死了的,这次的比较有难度,要调取他的接口,用js来实现. 下面我先说一下主要实现的功能,和要实现的页面 ...

  2. 利用paddlepaddle爬取丁香园实时统计数据,并生成疫情地图!!

    当下,新型冠状病毒感染的肺炎疫情无时无刻不牵动着人们的心.面对来势汹汹的疫情,除了奋战在前线的医护人员以及防疫建设工作者们,小媛们也想尽一份绵薄之力. 这不,今天为大家带来了一份超超超简单的!生成自己 ...

  3. Java敌人跟地图的碰撞_(译)加入敌人和战斗:如果使用cocos2d制作基于tiled地图的游戏:第三部分...

    免责申明(必读!):本博客提供的所有教程的翻译原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作 ...

  4. java校验参数防止攻击_程序员写接口参数校验,总是太多if else?一招让你避免体力活...

    对于写Java的程序员来说,不管是写单纯的接口.还是页面后台一把梭,后端参数校验的功能都是整个代码不可或缺的一部分,它可以从系统入口过滤掉一些不合法的数据,以确保我们的系统稳定. 还记得我刚入行Jav ...

  5. java集合转js数值_前端js调用接口转换Map数组数据

    返回Map数据 后端接口返回数据格式 { "code": 1, "msg": "操作成功!", "count": 0, ...

  6. 天地图给一个区域添加标题_一个小罐子就能做腌酸菜,7天就能吃,无任何添加,吃着更放心...

    想吃酸白菜,别再买着吃了,白菜加把盐就能做,7天就能吃 文/湘湘的厨房 我特别喜欢吃酸食物,隔一段时间不吃,还馋得慌.以前都是在超市里买了袋装的酸白菜,自己回家包饺子吃,虽然解了解馋,但是觉得外面的卖 ...

  7. java绘制蝴蝶效应曲线代码_利用MATLAB的常微分方程数值解绘制蝴蝶效应(混沌系统)三维曲线图、平面上的投影图...

    一.模型的常微分方程及初值 二.ode45求解函数 function r=hudie3(t,x) global a; global b; global c; a=8/3;b=10;c=28; r=ze ...

  8. git 拉取远程其他分支代码_【记录】git 拉取远程分支代码,同步到另一个git上...

    最近有需求从某git 上拉取所有分支代码同步到另一git上,现记录操作步骤,以便日后使用: 1:先克隆其中一个分支代码到本地环境 git clone -b test http://账号:密码@XXX. ...

  9. 如何在图片上添加贴图?试试这几种方法

    你平时在拍照的时候,有没有遇到过这样的情况:当你拍照后,发现背景不是很符合你的心意出现了一些你不想分享的物品,这个时候你会怎么办呢?一般情况下,有的小伙伴会选择使用马赛克来遮住这些物品,但是有些图片如 ...

最新文章

  1. java面试题之简单介绍一下集合框架
  2. Beginning C# Objects 读书笔记(一)
  3. ActiveMQ中Queue生产者
  4. 阿里巴巴副总裁王明强:速卖通向海外输出的跨境零售电商新模式,在全球范围内具备可复制性
  5. Pytorch基础知识整理(六)参数初始化
  6. UITableView 重用cell方法edequeueReusableCellWithIdentifier,出现错误
  7. android空格对齐
  8. ubuntu修改启动项等待时间、修改启动项顺序、更改启动内核
  9. Rust : 用rust实现Diffe-Hellman算法
  10. 【原创】CentOS8最小化安装中系统命令,看你能认识几个
  11. 挑战杯创业计划书_基于云计算的下料优化软件_1. 执行总结
  12. bp神经网络算法的优缺点,bp神经网络缺点及克服
  13. Python基础:pip的安装与卸载
  14. 那些堪称软件神器的工具或网站
  15. 假设你毕业后有两个选择:一个是在某处找工作,另一个是自己创业。你要做决定。写一篇文章解释你的决定的理由
  16. 开源一个 Python 中文数据结构和算法教程
  17. 苹果服务器关闭微信,为什么苹果手机关闭微信也能收到消息?这就是国内安卓耗电高的原因...
  18. peopleSoft常见错误诊断
  19. 项目3-商城-1-注册登录首页
  20. 计算机领域区块链是什么是意思,为什么区块链瑞普顿RXP是不可篡改的

热门文章

  1. CHIP ID was not passed on from the tile; contact your system administrator
  2. CRM Fiori应用 Appointment的close date字段
  3. windows环境里React-Native运行失败的原因之一,安卓模拟器未启动
  4. where is os type and version determined for a ui5 html
  5. SAP Cloud for Customer前端url里的一长串base64code是在哪里根据什么逻辑计算的
  6. 打开My Lead detail page会发生timeout的错误的解决方案
  7. Marketing Cloud Launchpad动态tile显示数字刷新的触发逻辑
  8. 打印product所assign的product category和hierarchy的小工具
  9. SAP Fiori Launchpad上的错误消息 - User Parameter /UI2/WD_TRKORR_CUST is not maintained
  10. SAP不同产品的UI开发策略概述