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

    腾讯地图Javascript API GL

    介绍 腾讯位置服务在多平台为开发者提供了丰富的地图展现形式,帮助从属于不同领域的开发人员轻松完成构建地图并在其基础上打造专属内容的工作。 同时配合海量数据、个性化定制、可视化等能力满足各个行业场景下对地图的需求。 Javascript API GL是基于WebGL技术打造的3D地图API,3D化的视野更为自由,交互更加流畅。 --引入Javascript API GL,参数说明参见下文--> <script src="https://map.qq.com/api/gljs? 个性化<em>地图</em> <em>地图</em>平台大多默认采用经典白色风格,有时我们需要<em>地图</em>样式和企业系统风格保持一致,或者做一些个性化的展示。 在这方面腾讯<em>地图</em>为开发者提供了可扩展的<em>地图</em>风格,包括一些官方样式模板,如果不满足我们的需求,还可以进行自定义样式。

    3.8K20编辑于 2023-02-16
  • 来自专栏Python大数据分析

    Python+Kepler.gl轻松制作时间轮播地图

    Kepler.gl制作常规地图非常简单方便,稍微摸索一下仪表盘界面就可以get到用法,但有些特殊的地图则需要额外对数据进行处理或使用Kepler.gl中的一些隐藏功能,譬如之前写过的Python+Kepler.gl 轻松制作酷炫路径动画中介绍过的动态路径地图。 本文将要介绍的「时间轮播地图」也是一种比较特殊的地图,下面我们就将结合实际例子进行介绍。 2 Python+Kepler.gl制作时间轮播地图 2.1 实例:Uber出行乘客上下车信息 我们以Uber官方提供的2015年某日纽约乘客上下车数据为例,对应文章开头Github仓库中的data.csv , data={'layer1': raw}) # 生成Kepler.gl网页 map1.save_to_html(file_name='时间轮播地图示例1.html', data={'layer1':

    1.2K20编辑于 2022-04-03
  • 来自专栏软件绿色联盟动态

    【适老化专题】百度地图关怀、高德地图、腾讯地图关怀适老化实测体验

    适老化专题的第一期已经完成了对微信、支付宝、百度大字百度关怀的实测体验,本期将以地图导航类应用为主,模拟老年人出行需求、使用场景、操作习惯,主要对百度地图关怀、高德地图、腾讯地图关怀进行上手体验 一、百度地图关怀 本次体验的百度地图关怀版本号是1.0.5,通过网页浏览器搜索下载,手机型号是华为手机nova 9。此款应用是单独推出面向老年人的地图导航类App。 与百度地图相比,百度地图关怀字号、地图图标、按钮等元素变大,在查找地点、路线推荐、路线导航页面均做了适老化适配,【设置】界面简洁,内附使用帮助说明,方便老年用户理解与操作。 适老化切换模式为“内嵌式”,切换方式一:直接在首页搜索“关怀”打开;方式二:我的→设置→地图设置→长辈版设置,打开长辈模式。 三、腾讯地图关怀 本次体验的腾讯地图关怀版本号是1.1.3,通过华为应用市场搜索下载,手机型号是华为手机nova 9。此款应用是单独推出的地图导航类App。

    9.9K20编辑于 2022-06-30
  • 来自专栏喵喵侠的社区活动征文

    如何解决百度地图 JavaScript API GL 出现中心点位置偏移的问题

    深入分析:地图瓦片加载未完成时操作引发的问题 解决方案:监听地图瓦片加载完成事件 代码详解 最终效果 总结 前言 你好,我是喵喵侠,最近在开发一个大屏可视化项目时,遇到了一个让我挠头的问题,那就是大屏中的百度地图的中心点 一开始,我觉得奇怪,甚至怀疑是百度地图 JavaScript API GL 本身有问题,但经过一番研究后,才发现是自己代码中的一个细节问题引发了这个 bug。 问题描述:地图中心点位置偏移 在项目中,我们使用了百度地图 JavaScript API GL 来加载一张行政区的地图,并且需要通过代码动态控制地图的中心点和缩放级别。 初步怀疑 API 的问题 最初,我怀疑是百度地图 API 的 bug,特别是 centerAndZoom 方法没有生效。于是我尝试了以下排查: 检查 centerPoint 的经纬度是否正确。 百度地图 API 提供了一个非常有用的事件 tilesloaded,表示瓦片加载完成。

    1.1K10编辑于 2024-12-26
  • 来自专栏黒之染开发日记

    百度地图js极速api遇到的bug

    1、用于放置百度地图的div,不能有任何一个父级元素设置 position:fixed,否则会报错:Uncaught TypeError: Cannot read property 'offsetLeft ' of null并且拖动地图视角,不会加载新地方的地图。 2、在承载地图的div或者任何一个父级元素display:none时(即地图未显示时),设置map.centerAndZoom(),百度地图会把我们设置的中心点放到地图视野的左上角,而不是视野的中心。 ()放到地图显示之后马上执行,也会出现奇怪的问题。 刚开始用百度地图(最怕用第三方的api了,总是有很多bug,但是又没权限去解决),所以应该还会有要加上来的东西

    1.1K20发布于 2018-10-19
  • 来自专栏Python大数据分析

    地图可视化神器kepler.gl近期重要更新

    1 简介 kepler.gl作为开源地理空间数据可视化神器,也一直处于活跃的迭代开发状态下。 而在前不久,kepler.gl正式发布了其2.4.0本,下面我们就来对其重要的新特性进行介绍: 图1 2 kepler.gl 2.4.0重要新特性 2.1 增量时间窗口 在这次更新中,为时间序列数据的可视化新增了 「增量时间窗口」功能,在上一个版本2.3.2中,当我们的数据集带有时间类型字段时,在添加对应的Filters之后,显示出的时间窗口是这个样子的: 图2 而在2.4.0本中,时间窗口如图3所示: 图 Time Window」模式之后,就可以使用增量时间窗口模式,画面中的数据会从起点开始持续叠加: 图4 2.2 Python接口新增_repr_html_()方法 而这个更新不仅针对原生的kepler.gl ,还针对其面向Python的接口keplergl新增_repr_html_()方法,使得将kepler.gl与flask等进行结合更加方面,就像folium中的_repr_html_()方法一样: 「结合

    1K40编辑于 2022-04-03
  • 来自专栏腾讯位置服务

    Web3D地图来了!腾讯位置服务JavaScript API GL正式发布

    腾讯位置服务在半年前推出JavaScript API GL beta,这期间很多开发者将其采用到自己的项目中,同时为我们反馈使用问题与建议,帮助JavaScript API GL得到快速成长。 JavaScript API GL是新一代基于WebGL实现的高性能三维渲染引擎而封装的一套3D版本地图API,借助GPU的计算能力实现海量数据渲染,满足3D视角下的地图展示,旨在让地图呈现给用户最真实的世界 自定义栅格图层(ImageTileLayer) 您可将图片形式的地图(如景区手绘图、园区图等),叠加到JavascriptAPI GL上显示出来,以达到极富个性化的地图呈现。 为了将数据更加酷炫的呈现在地图上,基于JavaScript API GL我们提供了一套位置数据可视化API,它可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。 JavaScriptAPI GL作为腾讯位置服务重点打造的浏览器端地图API产品,在功能、体验方面做了非常大的提升,并且仍在持续改进迭代,现已有美团、企业微信等合作伙伴接入到自己的实际产品中,将更好的地图体验提供给他们的客户

    2.7K31发布于 2020-04-03
  • 来自专栏数据科学学习手札

    地图可视化神器kepler.gl近期重要更新

    1 简介 kepler.gl作为开源地理空间数据可视化神器,也一直处于活跃的迭代开发状态下。而在前不久,kepler.gl正式发布了其2.4.0本,下面我们就来对其重要的新特性进行介绍: ? 图1 2 kepler.gl 2.4.0重要新特性 2.1 增量时间窗口   在这次更新中,为时间序列数据的可视化新增了增量时间窗口功能,在上一个版本2.3.2中,当我们的数据集带有时间类型字段时,在添加对应的 图2   而在2.4.0本中,时间窗口如图3所示: ? 图4 2.2 Python接口新增_repr_html_()方法   而这个更新不仅针对原生的kepler.gl,还针对其面向Python的接口keplergl新增_repr_html_()方法,使得将 kepler.gl与flask等进行结合更加方面,就像folium中的_repr_html_()方法一样: 结合flask from flask import Flask from keplergl import

    92130发布于 2020-12-22
  • 来自专栏全栈程序员必看

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

    .aspx代码例如以下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”插入地图.aspx.cs” Inherits=”插入地图” %>

    1K20编辑于 2022-07-06
  • 来自专栏移动开发专栏

    Android 地图导航调用百度地图、高德地图、腾讯地图

    接入导航SDK,以百度为例,apk包体积能增加小几十兆之多,上一本还是几兆的apk,迭代一本直接几十兆了,落差之大,难以接受。 虽说当下流量不值钱了,但是下载时长越久,客户丢失率越高。 最关键的是,当下地图并非一家独大,客户应该有自主选择的权利,你集成了百度,但用户却钟爱于高德,这极为尴尬。 BD09:百度坐标系,在GCJ02坐标系基础上再次加密。其中BD09LL表示百度经纬度坐标,BD09MC表示百度墨卡托米制坐标。 百度地图 参数说明: 参数以字符串拼接的方式即可,这里用StringBuffer拼接,比String易读些。 文档 百度地图 高德地图 腾讯地图 https://blog.csdn.net/Ever69/article/details/82427085

    4.8K20编辑于 2022-06-10
  • 来自专栏腾讯位置服务

    腾讯地图JavaScript API GL实现文本标记的碰撞避让

    碰撞检测应该是在游戏等场景中很常见且基础的功能,本文记录了在JavaScript API GL遇到了这类碰撞问题的调研和实现的过程。 需求场景 用户在地图上实现MultiLabel文本标注覆盖物时,会由于两个label坐标过近,或者地图的旋转、缩放产生的变化而相互重叠。 确定算法 在JSAPI GL中,label并不是在三维空间中的,而是绘制在屏幕上的,只是会根据用户视角的移动实时计算出label在屏幕坐标中所处的位置,然后在每一帧中进行绘制。 是基于WebGL技术打造的3D地图API,3D化的视野更为自由,交互更加流畅。 同步推出基于Javascript API GL的 位置数据可视化API库,欢迎体验。

    2.2K40发布于 2020-07-10
  • 来自专栏全栈程序员必看

    百度地图总结

    公司做大数据展示需要用百度地图,使用的一点心得体会: 1.首先是百度官网申请ak秘匙,我这里有两个 2.百度地图例子参考多看 http://lbsyun.baidu.com/index.php? title=jspopular/guide/widget 3.百度地图 JavaScript API 要熟 http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html #a3b9 4.百度地图个性化地图在线编辑(非常有用,里面的案例怎么设置的一定要参考) 使用指南:http://lbsyun.baidu.com/img-editor.html 在线编辑地址:http: //lbsyun.baidu.com/custom/ 5.echarts万能图表,相当实用 下面总结一些操作百度的方法: 1.百度地图去掉marker覆盖物或者去掉maker的label文字 var marker 建议使用方法1和方法2,方法3只是隐藏而不是清除 2.百度地图获取所有覆盖物 map.getOverlays() let allOverlay = map.getOverlays() for

    1.9K10编辑于 2022-06-29
  • 来自专栏后端码事

    js 百度地图

    meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="<em>百度</em><em>地图</em> ,<em>百度</em><em>地图</em>API,<em>百度</em><em>地图</em>自定义工具,<em>百度</em><em>地图</em>所见即所得工具" /> <meta name="description" content="<em>百度</em><em>地图</em>API自定义<em>地图</em>,帮助用户在可视化操作下生成<em>百度</em><em>地图</em>" /> <title>百度地图API自定义地图</title> <! --百度地图容器-->

    </ createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new

    3.2K20发布于 2020-09-11
  • 来自专栏JokerDJ

    百度地图api

    百度地图api api地址 http://lbsyun.baidu.com/ 注册账号 查看api 要先进行注册账号和申请密钥(ak)才可使用该服务,接口无使用次数限制,请放心使用 创建应用 申请账号为开发账号 point = new BMapGL.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图 设置地图的旋转角度和倾斜角度 map.setHeading(64.5); //设置地图旋转角度 map.setTilt(73); //设置地图的倾斜角度 变更地图类型为地球 map.setMapType (BMAP_EARTH_MAP); // 设置地图类型为地球模式 添加控件 添加缩放控件 var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件 = new BMapGL.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图

    75410编辑于 2023-11-27
  • 来自专栏進无尽的文章

    地图| 百度地图源码级使用大全

    本文基于一个百度地图上的需求实现,记录下百度地图使用中的点滴,后续会持续更新。 地图上自定义可点击的展示框 ? 地图.gif 需求:在地图上展示区县的数据并可以点击查看下一级区域的数据: 实现的过程: 使用百度地图SDK逆向地址解析所有网络返回的地区的经纬度(市级别的地级区在逆向解析的时候,需要加上上一层的市名称 由于百度地图自带的BMKAnnotationView 中默认的是大头针,可以设置自定义图片(替换大头针),但是就是无法在地图上放置Label显示文字,本来想让所有大头针的气泡都默认弹出(设置 selected 隐藏百度地图的Logo ? 知道百度地图SDK中的类继承关系有助于我们了解、使用、自定义设置百度地图。 ---- 可看的相关文章 百度地图绘制点标记(大头针) 百度地图深度使用

    2.1K30发布于 2018-09-12
  • 来自专栏向治洪

    百度地图聚合

    一、牛人们的想法 下面是我参考的有关的博客,下面将一一列举 1.MarkerCluster之百度地图版  http://hi.baidu.com/liongg/item/d8adece188fbfb11585dd89f GoogleMap标注物聚合解决办法 http://www.svennerberg.com/2009/01/handling-large-amounts-of-markers-in-google-maps/ 4.百度地图官网上已经有 JS的标注物聚合实例与原文件,建议看百度地图上的代码,规范且函数注释明确。 百度地图javascript开源库:  http://developer.baidu.com/map/library.htm ? 二、我的思路 1.下面以一个流程图来表述我的想法。 ?             return true;           }           return false;       }   } 3.工程demo代码下载,地图标注物聚合

    2.1K50发布于 2018-01-29
  • 来自专栏罗超频道

    百度地图野心:优化行业生态做升级OTA?

    同一天,百度地图419全城热恋全民狂欢活动在10个城市启动,百度地图正在有条不紊地描绘全新的未来。 百度地图变身为酒店OTA平台 互联网平台让传统旅游服务价格透明,传统代理商的利润越来越低。 百度地图引导用户将价格放在次要位置,强大的精准获客能力和零佣金的商业模式,对于酒店行业来说,无异于一个升级的OTA,对整个行业将会起到正向作用。 百度地图更想做成生活服务入口 百度地图是中国唯一一家定位为O2O入口的地图平台。除了成为用户本地生活服务消费之外,百度地图还希望能够让用户“生活在别处”更方便。 现在,电子地图为什么不能成为我们的生活服务管家呢? 百度地图聚合百度系生态资源 ‍ 百度地图在过去,更像是一个百度系业务的支撑工具:去哪儿、糯米、外卖等平台都需要百度地图inside。 腾讯地图、高德地图对于腾讯和阿里巴巴同样有这样的价值。 百度地图的野心更大,除了power百度系业务之外,百度地图还想整合百度系资源,或者说成为百度系资源的出口之一。

    1K60发布于 2018-04-28
  • 百度地图MapVThree Editor:地图编辑

    MapVThree Editor类 是一个功能强大超好用的地图编辑工具,让你用几行代码就能实现专业的地图绘制和编辑功能! 为什么要聊这个? 最近在做地图相关的项目时,总会遇到这样的需求:需要让用户在地图上画点什么,比如标记区域、规划路线、添加标注点等等。 它把复杂的地图编辑功能都封装好了,你只需要调用几个简单的 API,就能实现专业级的地图编辑体验。是不是听起来就很棒? ✨ 快速上手:从零开始第一步:初始化编辑器首先,咱们得有个地图引擎,然后把 Editor 添加进去:// 创建地图引擎const engine = new mapvthree.Engine(document.getElementById editor.start();用户现在就可以在地图上画多边形了!是不是超简单?第三步:监听事件绘制完成后你肯定想知道吧?

    28710编辑于 2025-12-26
  • 来自专栏数据科学学习手札

    (数据科学学习手札156)地图可视化神器kepler.gl 3.0本发布

    1 简介   大家好我是费老师,地图可视化神器kepler.gl终于带来了其3.0大版本的更新,距离其上一个正式版本2.5.5的发布已经过去了两年多的时间,这次的版本更新也围绕巨量地理信息数据可视化的多个方面实现了显著的提升 2 kepler.gl 3.0本主要更新内容介绍 2.1 新增渲染特效功能   从3.0本开始,kepler.gl右侧的功能按钮中新增effect panel面板:   通过它我们可以实现非常丰富多样的渲染特效功能 10倍:   目前该项特性仅支持多边形图层,未来kepler.gl将为更多类型的矢量图层支持GeoArrow格式,敬请期待~ 2.3 底层地图框架更换为Maplibre   很多朋友都知道,kepler.gl 底层是基于React、Mapbox以及deck.gl等框架进行功能构建,但由于Mapbox从1.13本开始修改了其开源协议,变成了闭源商业地图框架,因此为了避免被不再开源的Mapbox限制其发展,kepler.gl 从3.0本开始正式将底层地图框架更换成相兼容的开源高性能地图框架Maplibre(这也是费老师我在日常GIS平台研发工作中使用的主力框架,强烈推荐)。   

    1.2K10编辑于 2023-12-29
  • 来自专栏编程语言

    Swift 打开三方地图 腾讯地图百度地图、高德地图、Apple 地图

    dname: coortitle, way: 0) })) alert.addAction(UIAlertAction(title: "百度地图 app/id481623196" self.openURL(urlString: urlString) } } // 打开百度地图 str = urlString as String if self.openMap(str) == false { print("您还没有安装百度地图 } else { UIApplication.shared.openURL(url ) } } // 高德经纬度转为百度地图经纬度 // 百度经纬度转为高德经纬度,减掉相应的值就可以了。

    4.1K20发布于 2020-09-11
领券