2. 程式人生 > >使用瀏覽器自帶定位功能初始化百度地圖

使用瀏覽器自帶定位功能初始化百度地圖

阿新 • • 發佈：2019-02-10
if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showError); // HTML5獲取GPS裝置地理位置資訊 } else { document.getElementById("allmap").innerHTML = "Geolocation is not supported by this browser."; } function showPosition(position) { var
y = position.coords.latitude; // 獲取經度 var x = position.coords.longitude; // 獲取緯度 initMap(x, y); } // HTML5獲取地理位置資訊錯誤處理 function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: document.getElementById("allmap").innerHTML = "User denied the request for Geolocation."
break; case error.POSITION_UNAVAILABLE: document.getElementById("allmap").innerHTML = "Location information is unavailable." break; case error.TIMEOUT: document.getElementById("allmap").innerHTML = "The request to get user location timed out."
break; case error.UNKNOWN_ERROR: document.getElementById("allmap").innerHTML = "An unknown error occurred." break; } } function initMap(x, y) { // 百度地圖API功能 //GPS座標 var ggPoint = new BMap.Point(x, y); //地圖初始化 var bm = new BMap.Map("allmap"); bm.centerAndZoom(ggPoint, 15); bm.addControl(new BMap.NavigationControl()); //新增gps marker和label var markergg = new BMap.Marker(ggPoint); bm.addOverlay(markergg); //新增GPS marker var labelgg = new BMap.Label("未轉換的GPS座標（錯誤）", { offset: new BMap.Size(20, -10) }); markergg.setLabel(labelgg); //新增GPS label //座標轉換完之後的回撥函式 translateCallback = function(data) { if(data.status === 0) { var marker = new BMap.Marker(data.points[0]); bm.addOverlay(marker); var label = new BMap.Label("轉換後的百度座標（正確）", { offset: new BMap.Size(20, -10) }); marker.setLabel(label); //新增百度label bm.setCenter(data.points[0]); } } setTimeout(function() { var convertor = new BMap.Convertor(); var pointArr = []; pointArr.push(ggPoint); convertor.translate(pointArr, 1, 5, translateCallback) }, 1000); }

相關推薦

使用瀏覽器自帶定位功能初始化百度地圖

if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showError); // HTML5獲取GPS裝置地理位置資訊 } else { docu

JS呼叫瀏覽器自帶下載功能下載圖片

function download(src) {    var $a = document.createElement('a');    $a.setAttribute("href", src);

利用百度API將自定義的點標註在百度地圖上

有時候我們需要將自定義的點的資訊標註在地圖上，正好最近用到了這個功能，網上學習百度API後，也已經實現，現在在這做一個總結。 1.實現過程 要使用百度API，我們首先需要得到一個金鑰（ak），這個可以免費申請，具體申請流程在這就不贅述了。 現在詳細介紹下實

【MUI】百度地圖定位功能

scom 需要 read rto code lan containe convert marker 博主最近進行一款APP開發，需要用到定位功能，經過一番折騰，終於搞定，不廢話，代碼如下 mui.plusReady(function() {

監聽ios自帶返回功能

self .com 滾動 get pre start top == sel //1.一開始用這段代碼，結果發現滾動都失效了，如果頁面大於屏幕高度將無法滾動至底部，所以淘汰 // document.addEventListener(‘touchmove‘, function

angularjs 阻止瀏覽器自帶的回退

start 清空 div gets chang blog comm htm cnblogs $scope.$on(‘$locationChangeStart‘, function(e) { if(!tfOrder && comm.getSt

title - 瀏覽器自帶氣泡的換行問題

方法 class angular 實驗代碼 -c utf-8 vdi meta 高性能 　　之前用的一直都是angular帶的ui-tooltip封裝的指令來顯示氣泡，然而內容過多時在ie下的性能並不好，很容易導致瀏覽器卡死，so 為了提高性能，修改為瀏覽器自己支持的 ti

vue中實現百度地圖拖拽地圖定位功能

.com 元素 偏移量 locals 進行 函數 nco 查看 page 效果如果所示，拖動地圖。中間圖標不動，並且自動獲取地圖當前中心點的經緯度。然後就可以用經緯度做其他的操作了。。。首先查看了百度地圖的api。能實現這個功能最貼近的就是marker。marker

瀏覽器端js定位功能

api function .com 功能 arp pan info 屬性 true js獲取國家、省份、城市 最近，發現了一個很強大的功能，直接通過js就可以獲取到國家、省份、城市。調用方式很簡單。 通過調用“http://int.dpool.sina.com.cn/ipl

如何使用chrome 瀏覽器自帶截屏？

使用 nsh bsp post div hot ctrl+ 鼠標 chrom 方法一（鼠標拉框選擇截圖）、 1、ctrl+shift+c 2、按住ctrl 後拖動鼠標 方法二 1、F12 2、【ctrl+shift+p】 3、輸入“capture” 4、選擇以下任意 　　1

微信定位功能結合百度地圖獲取用戶城市

ref hat ready conf tar 浮點 call ejs 事件 需要結合百度地圖的API，請先完成這篇文章的流程：《使用百度地圖將經緯度轉換成具體位置》 以vuejs為例 beforeMount () { var that = th

使用katalon自帶Spy功能獲取/驗證控件Selector、XPath

verify sta 失敗 sel object 輸入 支持 新手 心得體會 背景 最近剛接手一個katalon編寫的UI自動化項目，頁面最近剛改版，已有用例很多查找元素失敗。了解到katalon元素定位支持xpath，所以直接使用chrome開發者工具打開目標頁面+獲取x

AngularJS進階(十九)在AngularJS應用中整合百度地圖實現定位功能

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

火狐瀏覽器自帶介面測試工具HttpRequester使用方法

前言： HttpRequester介面測試工具作為一個十分好用的後臺介面測試工具，它讓程式設計師擺脫了依靠前端介面獲取引數的瓶頸。提高了後臺開發的工作效率，對於改錯和優化具有不可忽視的作用。 一、json資料提交測試方法 操作步驟： 1.在URL裡面填寫介面路徑。 2.點選Conten

iOS·採用第三方(百度地圖SDK)實現定位等功能開發

 陳滿iOS  關注 2017.05.01 01:06* 字數 2212 閱讀 6818評論 7喜歡 133 1.申請金鑰 首先，申請一個baidu賬號，接著進入新建金鑰入口申請成為baidu地圖開發者，填寫相關開發者資訊和簡訊驗證碼。接

Androi8.0圖示適配，AndroidStudio自帶ImageAsset功能

在Android8.0之後的版本，如果之前專案只是把圖示檔案放在mipmap資料夾下，安裝在8.0以上版本的手機上就會顯示預設的Android預設應用圖示，影響我們的正常業務。 Google為我們貼心地提供了ImageAsset功能用於圖示的適配。可以在AndroidStudio中雙擊shift

win7 自帶ftp功能搭建ftp伺服器及解決方案

網路上有很多教程，故此，我會把搭建過程中經常遇到的問題放到最後，以便觀摩。 一：.搭建ftp伺服器 二：問題及解決方案   一  1.開啟此處 2.開啟ftp伺服器，勾選Internet服務及ftp伺服器如下圖，確定儲存 3.開啟管理，

pytroch用自定義的tensor初始化nn.sequential中linear或者conv層的一種簡單方法。

話不多說，上程式碼，上面寫的很清楚。 import torch.nn as nn import torch net= nn.Sequential( nn.Linear(1024, 512), nn.ReLU(inplace=True), nn.Linear(512,

delphi呼叫windows自帶語音功能

windows自帶語音介面 SAPI.SpVoice, 介面說明如下 https://docs.microsoft.com/en-us/previous-versions/windows/desktop/ee125663(v%3dvs.85) 簡單呼叫程式碼: uses System

Kali Linux Web滲透測試手冊(第二版) - 2.6 - 使用瀏覽器自帶的開發工具來做基本的分析和修改

翻譯來自：掣雷小組 成員資訊： thr0cyte，Gr33k，花花，MrTools，R1ght0us，7089bAt， 這個公眾號，一定要關注哦，慢慢會跟上面老哥們一起分享很多幹貨哦~~ 第二章：偵察 介紹 2.1、被動資訊收集 2.2、使用Recon-ng收集資訊 2.3、