tag 騰訊地圖

標籤
貢獻8
67
02:08 PM · Nov 03 ,2025

@騰訊地圖 / 博客 RSS 訂閱

騰訊位置服務 - 騰訊位置服務個性化圖層創建及發佈

騰訊位置服務控制枱 首先在騰訊位置服務控制枱下注冊完畢後,打開個性化樣式 選擇一個自己喜歡的樣式作為模板,在這個模板的基礎上對地圖要素的樣式進行修改,加快地圖設計的速度。 本次案例主題是【中國紅】,但是鑑於“玉露”和“澹月”主題是企業客户專項,這裏就選“煙翠”這個主題,這個主題有“深沉的灰調,柔和的色彩搭配,更能體現建築物的立體感”。 可供編輯的要素 按要素類型分有POI(點),背景線、道路

地圖開發 , 地圖api , 騰訊位置服務 , 騰訊地圖 , 個性化地圖

收藏 評論

騰訊位置服務 - 騰訊位置服務打車乘客端小車平滑移動-安卓篇

前言 當使用打車軟件打車時,我們會好奇司機在送乘客的時候,乘客的手機並沒有在導航,那到底是如何做到的呢?今天我們來揭開它神秘的面紗 準備工作 實現此功能還是需要騰訊位置服務全家桶:騰訊導航SDK、騰訊地圖SDK、騰訊定位SDK、騰訊司乘同顯SDK,具體權限的開通需要去lbs.qq.com的官網控制枱,去操作另外具體SDK的權限可以聯繫小助手諮詢(如下圖所示),這裏就不多做探討 ! 具體實現

地圖開發 , 地圖api , 騰訊位置服務 , 騰訊地圖

收藏 評論

隱約雷鳴 - getLocation:fail 頻繁調用會增加電量損耗,可考慮使用 wx.onLocationChange 監聽地理位置變化

問題描述: 在微信小程序裏要做使用地址的關鍵字搜索功能,比如搜“火車站”出來跟火車站相關的列表,可供選擇。 於是引入:qqmap-wx-jssdk.js,並且在js中調用: map.search({ keyword: search, // 關鍵字,跟一個input綁定 page_size: 20, auto_extend: 1, success: function (res) {}

微信小程序 , 騰訊地圖

收藏 評論

perkz - React Native 如何接入騰訊地圖 IOS篇

在React Native App上之前使用的是通過Webview渲染一張Web地圖(https://map.qq.com/api/gljs?v=1.expkey=XXX),這麼做的弊端就是速度慢而且不穩定,之前也用過高德地圖,為了和微信小程序保持一致,需要用騰訊地圖。 參考 騰訊地圖(IOS) 實現的功能 地圖中心點 縮放比例 地圖控件(指南針,比例尺子) 多個標記點 根據多點設置最

objective-c , 騰訊地圖 , ios , typescript

收藏 評論

年輕有為的冰淇淋_dF56i2 - 關於我們業務開發用到地圖授權的最詳細説明

騰訊地圖商業授權是指企業或開發者以商業目的(如盈利性項目、廣告變現、會員服務等)使用騰訊位置服務(API/SDK)時,必須獲得的合規許可。以下是核心要點解析: 一、核心定義與適用場景 商業目的判定: 只要涉及直接或間接獲利(如: 對用户收費的小程序/APP 含廣告、會員體系的平台 項目投標、商業合作等場景),均需授權。 非商業用途(

地圖api , 騰訊地圖

收藏 評論

九餅 - 微信小程序用騰訊地圖計算距離

首先引入地圖 var QQMapWX = require('../../libs/qqmap/qqmap-wx-jssdk1.2/qqmap-wx-jssdk'); var qqmapsdk; qqmapsdk = new QQMapWX({ key: '填申請的key' }); 從接口獲得列表list後,往目的地數組push值 let destinations = []; for (

微信小程序 , 距離計算 , 騰訊地圖

收藏 評論

清風無影 - uniapp|微信小程序獲取當前城市名稱--逆地址解析

問題 uniapp開發的小程序需要獲取當前城市名稱 解決步驟 看文檔 當然是看uniapp文檔,我們查到有提供相關的API,即uni.getLocation(OBJECT),獲取當前的地理位置、速度。 我們試試吧 uni.getLocation({ type: 'wgs84', geocode:true, success: function (res) {

微信小程序 , 騰訊地圖 , Javascript

收藏 評論

騰訊位置服務 - 騰訊位置服務GPS軌跡回放-安卓篇

前言 當我們使用地圖進行開發時,利用已經錄製好的軌跡進行軌跡回放來檢查導航的準確性是十分常用的手段,並且上一篇已經講完了關於地圖使用時GPS軌跡文件的錄製,現在對於安卓系統下使用騰訊導航SDK進行軌跡回放做一個分享 前期準備 騰訊導航SDK依賴於騰訊地圖SDK、騰訊定位SDK,具體權限的開通需要去lbs.qq.com 的官網控制枱去操作,另外導航SDK的權限可以聯繫小助手諮詢(如下圖所示),這裏就

地圖開發 , 地圖api , 騰訊位置服務 , 騰訊地圖 , 軌跡回放

收藏 評論

騰訊位置服務 - 騰訊位置服務GPS軌跡錄製-安卓篇

前言 在地圖的使用中,尤其在導航場景下,進行GPS軌跡錄製是十分必要並且有用的,本文會對於安卓系統下的軌跡錄製部分做一個分享。 系統架構 對於一個GPSRecordSystem(GPS軌跡錄製系統)主要分成3個部分:開始錄製,錄製GPS定位,結束錄製並存儲,如上圖右方所示。在實際應用中,以導航系統為例:(1)在開始導航時(start navi),進行錄製工作的相關配置;(2)收到安卓系統的onL

地圖開發 , 地圖api , 騰訊地圖 , 地圖 , gps

收藏 評論

小健 - 騰訊地圖api,根據路線畫自定義箭頭

我遇到的情況: 1、使用騰訊地圖畫出路徑,並在地圖上表示方向(也就是箭頭指向) 我查了很多的資料,並沒有詳細的結論,我按照api給的方法,我自定義做出的效果 vue+element+騰訊地圖API,(僅供參考) 效果圖如下: 思路 1、首先看是否跟我使用的方法聲明Map一致的方法,騰訊地圖的JavaScript API GL的api(如有不同,可以看邏輯,邏輯是一樣的,但是需要

vue.js , 騰訊地圖 , 前端 , html5

收藏 評論

騰訊位置服務 - 基於騰訊位置服務定位實現物業巡檢防作弊場景

前言 在物業管理中,小區內人員巡檢還是非常常見的工作之一,為了降低物業的投入,設計了採用掃描二維碼的形式輔助系統檢測每個員工巡檢的位置,以便進行常規的物業巡檢工作。雖然二維碼既便宜又易用,然而由於其可拍照和被動的模式,會導致作弊的問題,因此在常規的掃碼中,需要增加定位功能以便輔助系統鑑別作弊行為。 系統的方案設計 巡檢任務按照端的不同,分為兩部分,一部分在App內實現,一部分在PC後台實現,其分工

地圖開發 , 地圖定位 , Android , 騰訊地圖 , 地圖

收藏 評論

騰訊位置服務 - 騰訊位置服務Flutter業務實踐——地圖SDK Flutter插件實現(一)

前言 Flutter 作為目前通用的業界跨平台解決方案,開闢了一套全新的設計理念,通過自研的 UI 框架,支持高效構建多端平台上的應用,同時保持着原生應用一樣的高性能。在Flutter項目開發過程中,對插件的開發和複用能夠提高開發效率,降低工程的耦合度。Flutter開發者可以引入對應插件就可以為項目快速集成相關能力,從而專注於具體業務功能的實現。而在Flutter項目開發過程中面對通用業務邏輯拆

地圖開發 , 地圖api , flutter , 騰訊地圖 , 地圖

收藏 評論

騰訊位置服務 - 小白入門必看 ‘’微信小程序地圖定位開發教程‘’

前言 目前騰訊位置服務提供路線規劃、地圖選點、地鐵圖、城市選擇器插件四款插件產品,本篇博客主要針對地圖選點功能進行實現。 開通騰訊位置服務 1、進入微信公眾平台 2、登錄進入小程序後台,選擇 “開發 - 開發工具 - 騰訊位置服務” 3、點擊 “開通”,進入授權掃碼界面 4、使用微信掃碼進行授權 5、綁定開發者賬號 接入插件 1、在小程序後台,選擇 “設置 - 第三方設置 - 插件管理”,

微信小程序 , 微信開發 , 地圖控件 , 地圖api , 騰訊地圖

收藏 評論

騰訊位置服務 - 使用騰訊位置服務實現類滴滴汽車沿軌跡行駛功能

前言 最近公司有個地圖功能開發,根據車輛的行駛的經緯度,來畫出車輛的移動軌跡,並模擬車輛在該線路的行駛過程。 效果圖大致是這樣的。 簡易入門 首先進入騰訊位置服務頁面然後進行註冊賬號,註冊完成後需要申請AppKey,我們將在自己的應用中配置這個Key來使用SDK中的服務。 webserveapi默認勾選就可以,在未上線之前,我們可以先不填域名白名單。 只需要在html的頁面裏引入即可 s

地圖開發 , 地圖api , 軌跡產生算法 , 騰訊地圖 , 地圖

收藏 評論

騰訊位置服務 - 基於騰訊地圖定位組件實現周邊公用廁所遠近排序分佈圖

前言 地圖應用非常廣泛,目前地圖服務,都提供地圖操作、標註、地點搜索、出行規劃、地址解析、街景等接口,功能非常豐富。在實際開發過程中,各有優劣。本次基於需求,使用騰訊位置服務作為一個公用廁所位置標註的H5頁面開發。 本次使用版本: JavaScript API 2.0版本。 項目需求 1、項目需求 基於騰訊位置服務,實現微信掃描二維碼後,在微信瀏覽器內,展示某縣城的公用廁所分佈圖,按照用户當前定位

地圖開發 , 地圖api , 騰訊地圖 , 地圖 , 前端

收藏 評論

liumang - 騰訊地圖實現點擊marker彈複雜窗口

實現效果 存在問題 InfoWindow採用騰訊地圖官方案例,實現複雜的界面會比較複雜,而且不利於維護。 代碼實現 前端代碼 div class="screen-map-container" div id="tencentMapContainer" class="screen-bm-view"/div div ref="customOverlay" class="mapItemI

彈窗 , vue3 , marker , 騰訊地圖 , 前端

收藏 評論

騰訊位置服務 - 騰訊地圖 - 關鍵詞輸入提示(結尾附視頻)

一、功能介紹 關鍵詞輸入提示接口可以用於獲取輸入關鍵字的補完與提示,幫助用户快速輸入。可以通過配合前端程序實現Autocomplete(自動完成)的效果。 二、密鑰申請 1. 用户登錄 打開騰訊位置服務主頁:https://lbs.qq.com,點擊右上角的登錄按鈕: 2. 驗證信息 點擊控制枱,進入開發者信息界面,補全基本用户信息,完成驗證。 3. 申請密鑰 點擊左側key與配額

地圖開發 , 騰訊地圖

收藏 評論

liumang - uniapp微信小程序應用騰訊地圖及實現自定義拖拽view

實現效果 地圖定位、地點搜索、拖拽地圖中心定位 底部view拖拽下滑和上滑 拖拽和縮放地圖,底部view滑動到底部 實現方案 方案一 通過uniapp提供的movable-area movable-view 實現滑動。一開始還算順利,但是後邊遇到了各種奇葩問題,主要就是屏幕事件衝突的問題和輸入框焦點問題。導致我不得不想各種野路子去解決,最後算是順利實現了,但是偶爾

微信小程序 , uni-app , 拖拽 , 騰訊地圖 , 前端

收藏 評論

騰訊位置服務 - 騰訊位置服務定位打卡功能實現

如何使用騰訊位置服務API 1、註冊成為開發者 2、申請密鑰,在如圖位置創建新密鑰 3、進行配置 官方Api使用示例(JavaScript) 通過搜索接口找到個人公司位置: https://apis.map.qq.com/ws/pl... key=你申請的key 查詢到公司位置為(31.329716,121.508386) 初始化地圖,中心設為公司位置 !DOCTYPE html html

地圖開發 , 地圖api , 騰訊位置服務 , 騰訊地圖 , 定位服務

收藏 評論

騰訊位置服務 - 騰訊位置服務教你輕鬆搞定微信發送位置功能

前言 微信的發送位置功能是一個十分方便的功能,他會定位用户當前所在地點,然後請求用户周邊的POI,並且還可以通過拖動地圖來獲取其他的位置發送給對方,本Demo是結合騰訊地圖SDK來實現類似的功能。 使用場景 拖動地圖選擇地圖的中心點,然後請求該點周邊的門店信息,可以通過設置搜索分類來指定搜索門店的類型,如:美食、學校等。 準備 騰訊地圖3D SDK Marker 地點檢索 核心代碼: 1

地圖開發 , 微信開發 , 騰訊地圖 , ios , webservice

收藏 評論