首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏JokerDJ

    百度地图api

    百度地图api api地址 http://lbsyun.baidu.com/ 注册账号 查看api 要先进行注册账号和申请密钥(ak)才可使用该服务,接口无使用次数限制,请放心使用 创建应用 申请账号为开发账号 申请密钥 创建应用 hello word开发 复制api提供的html脚本到工程中 输入密钥 访问页面测试 常见api测试 模板 <! /api? 设置地图的旋转角度和倾斜角度 map.setHeading(64.5); //设置地图旋转角度 map.setTilt(73); //设置地图的倾斜角度 变更地图类型为地球 map.setMapType marker.addEventListener("click", function(){ alert("您点击了标注"); }); 示例Demo 示例Demo 总结 注册开发账号 申请ak 示例demo 学会看api

    73410编辑于 2023-11-27
  • 来自专栏SpringBoot教程

    腾讯地图Javascript API GL

    介绍 腾讯位置服务在多平台为开发者提供了丰富的地图展现形式,帮助从属于不同领域的开发人员轻松完成构建地图并在其基础上打造专属内容的工作。 同时配合海量数据、个性化定制、可视化等能力满足各个行业场景下对地图的需求。 Javascript API GL是基于WebGL技术打造的3D版地图API,3D化的视野更为自由,交互更加流畅。 从Hello World开始 首先注册腾讯位置服务平台账号,完成个人认证后,新建应用申请应用Key, 里边默认启用产品足够我们使用了,如果需要额外的服务勾选即可 进入JavaScript API,查看开发指南 --引入Javascript API GL,参数说明参见下文--> <script src="https://map.qq.com/<em>api</em>/gljs? 个性化<em>地图</em> <em>地图</em>平台大多默认采用经典白色风格,有时我们需要<em>地图</em>样式和企业系统风格保持一致,或者做一些个性化的展示。

    3.8K20编辑于 2023-02-16
  • 来自专栏米扑专栏

    Baidu与Google地图API初探

    前天周六,有个好友过来玩,他说想在他的网站中加入地图导航模块,但不知道选择哪个第三方Map API 在网上查了下Baidu、Google、QQ和MapBar等4种Map API(都是采用JS BMap API和Google.maps API,应该就可以满足绝大部分需求 就易用性和色彩柔和性,推荐BMap API(Baidu) 就精确性和世界地图,推荐Google.maps API 则支持大部分国家的车载导航3D地图(在中国仅支持部分城市,如上海) API风格: BMap API和google.maps的API接口略有不同,BMap模块化分层设计更加独立;两者的API风格, 背后的故事 MapBar: 国内地图提供商,早期与百度合作,BMap API采用的便是MapBar,因此它们的API接口有些雷同(上面我已举例) MapABC:国内地图提供商,早期与Google 合作,google.maps API起初采用MapABC,后来google做的更好、更灵活 51Map:    国内地图提供商,特色服务是提供地图下载,可以实现本地桌面地图(类似手机上的凯立德3D地图

    3.6K40发布于 2019-02-19
  • 来自专栏疯狂学习GIS

    申请、使用高德地图API

      本文介绍在高德开放平台中,申请、获取地图API的Key的方法;同时通过简单的Python代码,调取API信息,对所得Key的可用性加以验证。    如果大家是第一次使用高德地图开放平台,那么需要点击右上角注册一个开发者账号。   注册完毕后,登录这一账号,并点击如下图紫色框内所示的“控制台”。    我这里后续打算基于Python语言的requests库来使用API,所以这里就选择了“Web服务”。   随后,即可生成Key,如下图中紫色框内所示。    此外,关于API使用的方法,我们后续会用更多博客来详细介绍,所以上述代码我们就暂时不再逐句解释了,在这里仅仅用来验证我们所获取的Key的可用性。    此外,对于每一位高德开放平台的开发者,我们所能调取不同功能API的次数也是有每日限制的,具体配额我们可以在“我的应用”中,通过“查看配额”选项来查阅;如下图所示。

    4.5K20编辑于 2024-06-04
  • 来自专栏全栈程序员必看

    百度地图API开发

    1,申请密钥:自己的秘钥 2,初始化头文件 3,创建一个盛放地图的div: 4,初始化地图: 5,丰富地图功能: *添加地图控件: map2.addControl(new BMap.NavigationControl addControl(new BMap.ScaleControl());//添加比例尺 map2.addControl(new BMap.OverviewControl());//添加小地图 map2.addControl(new BMap.MapTypeControl());//添加地图类型 **控件参数: 所有: anchor(控件位置 打开百度地图个性在线编辑器:http://lbsyun.baidu.com/custom/ 选择需要的元素,属性,样式。 查看JSON 代码: var mystyle1=json内容; map.setMapStyle ( {styleJson:mystyle1} ) ; 地图添加覆盖物标志 地图点击事件及移除标志物

    1.2K20编辑于 2022-09-07
  • 来自专栏全栈程序员必看

    Baidu与Google地图API初探

    前天周六,有个好友过来玩,他说想在他的站点中加入地图导航模块,但不知道选择哪个第三方Map API 在网上查了下Baidu、Google、QQ和MapBar等4种Map API(都是採用JS开放API) 功能推荐 BMap API和Google.maps API,应该就能够满足绝大部分需求 就易用性和色彩柔和性,推荐BMap API(Baidu) 就精确性和世界地图,推荐Google.maps API( 则支持大部分国家的车载导航3D地图(在中国仅支持部分城市,如上海) API风格: BMap API和google.maps的API接口略有不同,BMap模块化分层设计更加独立;两者的API风格,能够代表其他几款开放的 背后的故事 MapBar: 国内地图提供商,早期与百度合作,BMap API採用的便是MapBar,因此它们的API接口有些雷同(上面我已举例) MapABC:国内地图提供商,早期与Google合作,google.maps API起初採用MapABC,后来google做的更好、更灵活 51Map: 国内地图提供商,特色服务是提供地图下载,能够实现本地桌面地图(相似手机上的凯立德3D地图) 整体感觉,各家Map API

    3K20编辑于 2022-07-12
  • 来自专栏跟牛老师一起学WEBGIS

    Arcgis Android API开发之离线地图

    最近一直在倒腾Arcgis Android API等相关的东西,想把自己的做的图放到地图上去,也就是离线地图,穷人一般是没有钱的,一个月好几十的流量是开不起的,所以就左捉摸,右思考,看着API里面有离线地图 ,始终没有弄明白是怎么回事,直到今天下午,想起来了就有试了试,结果成功了,那个激动啊,好半天那…… Arcgis Android API离线地图主要是通过ArcGISLocalTiledLayer实现的

    1.6K40发布于 2018-10-23
  • 来自专栏全栈程序员必看

    谷歌离线地图Api附获取教程

    离线文件源码 谷歌官方地图平台文档:https://developers.google.cn/maps/documentation 开始打开谷歌官方网站的“Google官方地图平台文档” 选择“Maps 谷歌官方网的Map JavaScript API文档中,除了提供API调用函数外,还有许多API调用的示例,可以通过点击“Samples”进行查看,如下图所示。 保存JS文件 由于单个示例中并没有加载Google Map API所有的JS文件,但所有示例应该是能完全包括所有Google Map API所有JS文件的,因此我们需要打开每一个示例,将加载的JS文件与已经下载的 获取最新版本Google Map API 离线源码相关图片资源 前文讲解了如何获取最新版本 Google Map API 离线源码的方法,现在我们可以用同样的方法通过打开所有 Google Map API Google Map API JS 源代码的本地化修改 到目前为止,我们已经将 Google Map API 的全部JS文件和相关的图片资源文件下载到了本地。

    4.8K40编辑于 2022-11-08
  • 来自专栏编程微刊

    js调用百度地图api

    --调用百度地图api--> <script type="text/javascript" src="http://<em>api</em>.map.baidu.com/<em>api</em>? //创建和初始化<em>地图</em>函数: function initMap() { createMap(114.025974, 22.546054); //创建<em>地图</em> setMapEvent(); //设置<em>地图</em>事件 addMapControl(); //向<em>地图</em>添加控件 } var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图 var point = new BMap.Point(x, y); //定义一个中心点坐标 map.centerAndZoom(point, 12); //设定地图的中心点和坐标并将地图显示在地图容器中

    45810编辑于 2025-05-18
  • 来自专栏前端文章小tips

    ArcGIS JS API 加载 TMS 地图瓦片

    简介 对比 TMS 地图瓦片和 Google/OSM/Bing/ESRI 地图瓦片编号的区别 实现 ArcGIS API for JS 加载 TMS 地图瓦片 1. 也正是这一差别,我最初在使用 ArcGIS JS API 加载本地 TMS 地图瓦片时发现瓦片在竖直方向的顺序一直是反的。 Google Map 地图瓦片编号 如若使用 ArcGIS JS API 加载 TMS 地图瓦片,有两种方案: 预先将所有瓦片的 y 轴编号转置一下,然后再加载,转置公式如下: TMS 瓦片数据不变,前端基于 ArcGIS JS API 直接定义 TMSLayer。 方案1确实可行,但有时离线地图服务不仅仅是给 ArcGIS JS API 使用的。

    5.9K40发布于 2021-11-23
  • 来自专栏全栈程序员必看

    高德地图js api教程_高德地图sdk使用教程

    然后尝试使用百度地图JsAPI,百度家的稳定倒是很稳定,没想到的是定位位置和实际位置居然相差几十公里,一开始是以为自己配置有问题,浪费了我大半天时间去找原因,最后发现他本身提供的API就是偏差很大距离的 ,他自己家的倒是定位很准,对外开放的API简直惨不忍睹。 百度API浏览器定位 高德API浏览器定位 然后换用高德去测试,高德开放的API精确度和百度地图是一样的,小伙伴可以亲自去体验下,难怪百度如今沦落到这样。。。 所以就决定使用高德API来进行定位了; 主要思路:利用高德API获取当前位置经纬度、设置考勤点经纬度、计算两点距离判断是否在考勤范围内。 显示定位地图以及获取当前经纬度地址 <!

    6.4K20编辑于 2022-11-07
  • 来自专栏tongyao

    vue中使用高德地图api

    id,多次调用该地图组件时,id必须动态生成 map: null } }, watch: { status, result) { // result 即是对应的驾车导航信息,相关数据结构文档请参考 https://lbs.amap.com/api /javascript-api/reference/route-search#m_DrivingResult if (status === 'complete (status, result) { // result 即是对应的驾车导航信息,相关数据结构文档请参考 https://lbs.amap.com/api /javascript-api/reference/route-search#m_DrivingResult if (status === 'complete

    1K20编辑于 2022-06-09
  • 来自专栏全栈程序员必看

    百度地图api文档_奥维互动地图使用教程

    新版百度地图API增加了发布版SHA1,开发版SHA1按官方教程操作即可,这里介绍一下发布版SHA1的获取方法。

    1K10编辑于 2022-09-22
  • 来自专栏跟牛老师一起学WEBGIS

    用百度地图API打造方便自己使用的手机地图

    有钱人咱就不说了,因为偶是个穷银……因为穷,所以去年买的Huawei C8650+到现在还在上岗,对于没有钱买好的配置的手机的童鞋来说,类似于百度,谷歌,高德等商家的地图在自己的机器上跑起来确实是有点勉为其难 ,为了能够用上手机的地图,并不怎么大,最近闲来无事,就动起了这方面的脑筋,结果就是用百度地图API开发一个自己想要的功能的地图…… 这是经过一点时间倒腾后的一点点小成果,实现了自定义的放大缩小按钮,GPS 该接口监听地图显示事件,用户需要实现该接口以处理相应事件。 onGetPermissionState(int iError) { if (iError == MKEvent.ERROR_PERMISSION_DENIED) { showToast("API mMapController.setCenter(geoPoint); //设置地图zoom级别 mMapController.setZoom(16); } /** *

    3.2K40发布于 2018-10-23
  • 来自专栏全栈程序员必看

    页面中插入百度地图(使用百度地图API

    .aspx代码例如以下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”插入地图.aspx.cs” Inherits=”插入地图” %> xhtml”> <head runat=”server”> <title></title> <script type=”text/javascript” src=”http://api.map.baidu.com /api?

    1K20编辑于 2022-07-06
  • 来自专栏BestSDK

    高德地图推出“活地图API,打造大数据智能出行服务

    一方面是利用大数据让“路活”,地图数据采集从传统采集到智能采集。高德地图副总裁董振宁介绍说,升级后将使地图的静态数据实现动态更新,地图数据每一刻都不一样。 一方面是利用大数据让“路活”,地图数据采集从传统采集到智能采集。高德地图副总裁董振宁介绍说,升级后将使地图的静态数据实现动态更新,地图数据每一刻都不一样。 地图上众多的POI点,代表了大到火车站、机场,小到杂货铺、理发店在地图上的位置信息。 第三方面是“人活”,即个性化定制的专属地图。在用户行为、场景细分和用户偏好的基础上,高德地图开始尝试实现“千人千面”的服务模式。 可以看出,“活地图”将是下一代地图的发展方向,带动整个地图产业的升级。此次高德升级“活地图”,也使其通过大数据打造“城市交通大脑”又迈进了一步。

    2.1K50发布于 2018-02-28
  • 来自专栏IT派

    利用python和百度地图API实现数据地图标注

    主要分为两大步骤 使用python语句,通过百度地图API,对已知的地名抓取经纬度 使用百度地图API官网的html例程,修改数据部分,实现呈现效果 一、使用python语句,通过百度地图API,获取经纬度 /geocoder/v2/' output = 'json' ak = '你的百度地图ak' # 百度地图ak,具体申请自行百度,提醒需要在“控制台”-“设置”-“启动服务”-“正逆地理编码 二、使用百度地图API官网的html例程,修改数据部分,实现呈现效果 1. copy百度地图API官网的HTML例程 地址:http://developer.baidu.com/map/jsdemo.htm 修改部分内容 放上自己的百度地图AK 修改一下地图初始化显示的中心和缩放的系数 放上自己需要显示的信息,记得把数据中最后一个的逗号删除 修改前: ? 修改后: ? 2、openstreetmap的细致程度,比不上百度地图,这个有点致命。 ?

    5.2K31发布于 2018-07-30
  • 来自专栏zjblog

    使用api制作我的足迹地图

    我是用的百度地图api,所以说说怎么利用百度地图来做。 因为之前没接触过,所以一直觉得很复杂,也没有仔细看官方的api文档。 今天做完,发现很简单啊。记录一些遇到的一些问题。 百度地图JavaScript API:http://lbsyun.baidu.com/index.php? api的时候也要用https。 ,api文档都能够查得到,照着来就是了,以下地图页面的完整代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset /<em>api</em>?

    2.2K40编辑于 2022-06-21
  • 来自专栏前端文章小tips

    vue中引入百度地图API

    前言 由于项目中需要用到逆地址解析功能及由坐标点(112.54362, 30.2546)转为地址信息(xx省xx市xx县),故考虑用百度地图API进行完成。 查阅资料有两种方法可以实现。 第一种 直接引入script标签 <script type="text/javascript" src="http://<em>api</em>.map.baidu.com/<em>api</em>? 我项目中用到了<em>api</em>的定位和逆地址解析功能,发现后台有警告并且<em>api</em>功能无法使用 点开发现百度js的内容为: (function(){ window.BMap_loadScriptTime = ( /<em>api</em>? v=3.0&ak=你的密钥&services=&t=20200109192240"></script> 第二种 通过模块化引入的方法 百度地图官方已经有api的vue版本 地址:https://github.com

    69820编辑于 2021-11-30
  • 来自专栏前端文章小tips

    vue 集成腾讯地图基础api Demo集合

    vue 集成腾讯地图基础api Demo集合(基础地图引入与展示模块,地址逆解析,3D/2D切换 ,位置服务,mark标记) 写作背景 官方网站的demo大部分都是原生js,较基础,很多高级Api分布比较分散 api 依次为:定位当前位置,定位到初始化位置,定位中心点,添加鼠标点击事件,切换隐藏与显示地图文字 mark标记的基础使用,依次为:添加标记,结束添加标记事件,mark标记点可拖拽。 前期准备工作 点击这条连接注册腾讯地图开发者账号 注意点 这是一个Vue集成腾讯地图的demo 项目中需要在index.html上事先引入以下内容 <script src="https://map.qq.com /<em>api</em>/gljs? $Location = new window.qq.maps.Geolocation('你自己的key', '腾讯<em>地图</em>模板-博客展示') 书到此地,大部分道友应该直接复制粘贴就可以完美的跑起腾讯<em>地图</em>了。

    1.8K20编辑于 2021-12-09
领券