地图api

嵌入式百度地图

偶尔善良 提交于 2020-03-02 04:28:03
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。 该套API免费对外开放。自v1.5版本起,您需先申请密钥(ak)才可使用,接口无使用次数限制。 地址 1、申请密钥 百度地图的使用需要一个专属的密钥(ak)作为路径: < script src = 'http://api.map.baidu.com/api?v=2.0&ak=你的密钥&callback=init' > < / script > 用的是vue-cli脚手架创建好项目,在 index.html 中引入script: script src = 'http://api.map.baidu.com/api?v=2.0&ak=你的密钥&callback=init' > < / script > 解释一下:v = 2.0是版本,ak 则是申请到的密钥,callback 回调初始化地图。 标题2、给定容器,调用 API 绘图 < template > < ! -- 地图容器 -- > < div id = "XSDFXPage" class = "XSDFXPage" > < / div > < / template > < script > export

调用百度地图

大城市里の小女人 提交于 2020-02-29 22:17:34
偶也能做百度地图了,嘻嘻,赞一个,废话不多说,代码敬上:   这个简单的样式:强大了可以自己改的 <style type="text/css"> .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; } .iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; } </style>   页面上添加百度API引用: <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>   调用地图需要的脚本: <script type="text/javascript"> var opts = { width: 100, // 信息窗口宽度 height: 30, // 信息窗口高度 title: "北京故宫" //自己设置 以北京故宫为例

【高德地图API】从零开始学高德JS API(五)路线规划

ⅰ亾dé卋堺 提交于 2020-02-29 00:39:42
先来看两个问题:路线规划与导航有什么区别?步行导航与驾车导航有什么区别? 回答: 1、路线规划,指的是为用户提供3条路线推荐。【高德】在提供路线规划的时候,会提供用户自定义路线规划功能,这是别家没有做到的。导航,指的是为驾车用户提示路口信息,向左向右,进入匝道等信息。 2、我们这里说的步行导航和驾车导航,严格的说,应该是路线规划。从A地到B地,如果是驾车,路线规划会将公路路网做为搜索数据;如果是步行,过街天桥、地下通道、人行道做为搜索数据。 ------------------------------------------------------------------------------------------------------- 一、路线规划——驾车 1、驾车路线规划 有三种策略,分别是 最短时间、最少费用、最短路径、 规避拥堵 (参考了实时交通数据,这个比较NB)。 LEAST_TIME,LEAST_FEE, LEAST_DISTANCE,REAL_TRAFFIC 我们在这里采取驾车插件来做。代码: //驾车导航 function driving_route() { clearMap(); mapObj.plugin(["AMap.Driving"], function() { var DrivingOption = { policy: AMap

【腾讯地图API】制作多途经点的线路导航——路线坐标规划

こ雲淡風輕ζ 提交于 2020-02-28 23:37:42
最近百度地图转腾讯地图以前用过百度地图实现路线坐标规划,不过搜索了一些没有搜索到腾讯地图的路线坐标规划,于是参数百度的思路写了个腾讯地图的路线坐标规划. 这两家地图有一点不一样的就是在导航时百度地图有途经点.腾讯地图没有.所以只能循环执行,可能效率会差一点吧. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style><script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=腾讯地图key"></script> <title>设置驾车路线途经点</title> </head> <body> <div id="allmap"></div> </body> </html> <script type="text

通过百度地图API显示当前位置在地图上(图标显示)--第三方开源--百度地图(二)

元气小坏坏 提交于 2020-02-28 22:44:22
1.下载百度地图的demo,下载地址: http://lbsyun.baidu.com/sdk/download?selected=mapsdk_basicmap,mapsdk_searchfunction,mapsdk_lbscloudsearch,mapsdk_calculationtool,mapsdk_radar 2.把demo里面的BaiduMapsApiDemo解压,把BaiduMapsApiDemo文件夹里面的libs里面的所有文件都复制到自己的项目的libs里面 3.配置AndroidManifest.xml,把BaiduMapsApiDemo文件夹里面的AndroidManifest.xml有关百度地图要使用的配置信息复制到自己的AndroidManifest.xml里面 这是我配置好的例子的AndroidManifest.xml: 1 <?xml version="1.0" encoding="utf-8"?> 2 <manifest xmlns:android="http://schemas.android.com/apk/res/android" 3 package="com.zzw.baidumappoint" 4 android:versionCode="1" 5 android:versionName="1.0" > 6 7 <uses-sdk 8

初见百度地图

ぃ、小莉子 提交于 2020-02-28 22:38:37
   首先申请百度地图API KEY后,下载Android地图SDK 第一步:创建并配置工程; 将jar包,os包导入lib文件夹下 第二步:在AndroidManifest中添加开发密钥、所需权限等信息; (1)在application中添加开发密钥 <application> <meta-data android:name="com.baidu.lbsapi.API_KEY" android:value="自己申请的密钥" /> </application> 2)添加所需权限 <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="com.android.launcher.permission.READ_SETTINGS" /> <uses-permission android:name="android.permission.WAKE_LOCK"/> <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" /> <uses

Web地图呈现原理

情到浓时终转凉″ 提交于 2020-02-23 21:01:45
以下内容转载自木的树的文章《Web地图呈现原理》 作者: 木的树 链接: https://www.cnblogs.com/dojo-lzz/p/9250637.html 来源:博客园 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 腾讯位置服务致力于为各行各业提供全方位的位置服务产品。与微信、手机QQ、王者荣耀、 京东、滴滴出行等多个在各自行业具有领先地位的产品开展深度合作。欢迎大家了解并体验 腾讯位置服务 。本篇内容为大家揭开地图其呈现原理! 地图投影 对于接触互联网地图的同学来说,最开始接触的恐怕就是坐标转换的过程了。由于地球是个近似椭球的形状,有各种各样的椭球模型来模拟地球,最著名的也就是GPS系统使用的WGS84椭球了。但是这些椭球体的坐标使用的是经纬度,单位是角度。目前我们的地图大多是二维平面上展示,使用角度为基础来计算多有不便,所以有众多数学家提出各种不同的转换方式来将经纬度表示的位置转换成平面坐标,这个转换过程地图学上成为投影。投影的方式多种多样,对我们做互联网地图的来说,最重要的就是墨卡托投影的变体——Web墨卡托投影。我们先来看一下墨卡托投影的转换过程 (以赤道本初子午线为原点) 投影完毕后的结果就是: 先不要头疼数学公式,已经有很多类库做好了代码实现,比如leaflet: L.Projection.Mercator = { R:

【云图】如何制作附近实体店的地图?-微信微博支付宝

橙三吉。 提交于 2020-02-20 20:43:55
原文: 【云图】如何制作附近实体店的地图?-微信微博支付宝 摘要: 附近连锁店地图与全国连锁店地图,最大的区别就是: 1、附近连锁店地图需要 先定位 ,然后 搜索附近 的店铺。 2、全国连锁店地图 ,是先选择城市,然后 检索某城市内的全部门店 信息。 本文就详细讲解了如何制作附近实体店的地图,并调起高德地图进行导航,调起打电话功能。 本文还详细讲解了如何设置支付宝服务、微信公众号、微博官方账号的地图功能。 ------------------------------------------------------------------------ 一、支付宝设置 登录支付宝服务窗: https://fuwu.alipay.com/platform/queryMenu.htm 自定义菜单 -> 主菜单 -> 有子级菜单 填写子菜单名称,设置为跳转网页,并且放入网址。比如菜鸟物流: http://zhaoziang.com/amap/cainiao.html 最后点击发布。 二、微信设置 登录微信公众平台: https://mp.weixin.qq.com 功能->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动作 设置为跳转网页,并且放入网址。比如菜鸟物流: http://zhaoziang.com/amap/cainiao.html 最后点保存。 三、微博设置

小白如何自己亲手制作一个防疫地图?

空扰寡人 提交于 2020-02-20 18:02:26
最近出了好几个小程序可以查看你周边地区当前疫情确诊人数的情况,就比如下面这种的: 这张图对于身为小白的我们可不可以自己做一个呢? 答案当然是肯定的,这里面涉及到的技术点就是地图上的那些点是如何标记出来的。 这里的地图我们使用腾讯地图来实现,首先进入到腾讯位置服务的首页( https://lbs.qq.com/index.html ),进行登录操作,用 QQ 也好微信也好,反正先登录上去。 然后在控制台中新建一个 key ,这个 key 是专属于你一个人使用的,所以千万不要外传哦~~~ 这里我们新建一个专门用于本次疫情地图的 key ,名称输入完成后,再输入验证码点击提交即可,这时会弹出来了一个让你去设置 key 的提示。 这里我们就获得了自己的 key (小编已删除此 key ,请不要直接使用小编所创建的 key),点击设置进入设置页面: 可以看到,这里可以设置这个 key 所应用的茶品,默认是 JavaScriptAPI ,我们还可以在微信小程序、APP、或者 WebServiceAPI(服务器调用) 中使用。 这里其实不需要多余的设置,直接点击保存即可。我们本次示例所使用到的功能都是最基础的功能。 key 设置完成后我们看一下腾讯地图的 API ,这里主要是看 JavaScript API ,链接:https://lbs.qq.com/javascript_v2/index

【云图】如何制作附近实体店的地图?-微信微博支付宝

蹲街弑〆低调 提交于 2020-02-20 17:03:37
摘要: 附近连锁店地图与全国连锁店地图,最大的区别就是: 1、附近连锁店地图需要 先定位 ,然后 搜索附近 的店铺。 2、全国连锁店地图 ,是先选择城市,然后 检索某城市内的全部门店 信息。 本文就详细讲解了如何制作附近实体店的地图,并调起高德地图进行导航,调起打电话功能。 本文还详细讲解了如何设置支付宝服务、微信公众号、微博官方账号的地图功能。 ------------------------------------------------------------------------ 一、支付宝设置 登录支付宝服务窗: https://fuwu.alipay.com/platform/queryMenu.htm 自定义菜单 -> 主菜单 -> 有子级菜单 填写子菜单名称,设置为跳转网页,并且放入网址。比如菜鸟物流: http://zhaoziang.com/amap/cainiao.html 最后点击发布。 二、微信设置 登录微信公众平台: https://mp.weixin.qq.com 功能->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动作 设置为跳转网页,并且放入网址。比如菜鸟物流: http://zhaoziang.com/amap/cainiao.html 最后点保存。 三、微博设置 登录微博: http://weibo.com/ 管理中心-