2. 程式人生 > >百度地圖api初使用，行政區劃及搜尋

百度地圖api初使用，行政區劃及搜尋

阿新 • • 發佈：2019-01-12
// 百度地圖API功能 function G(id) { //搜尋框 return document.getElementById(id); } var map = new BMap.Map("allmap"); // 建立Map例項 map.centerAndZoom("天津", 11); // 初始化地圖,設定中心點座標和地圖級別 //新增地圖型別控制元件 map.addControl(new BMap.MapTypeControl({ mapTypes:[ BMAP_NORMAL_MAP
, BMAP_HYBRID_MAP ]})); map.setCurrentCity("天津"); // 設定地圖顯示的城市 此項是必須設定的 map.enableScrollWheelZoom(true); //開啟滑鼠滾輪縮放 //搜尋功能 var ac = new BMap.Autocomplete( //建立一個自動完成的物件 {"input" : "suggestId" ,"location" : map }); ac.addEventListener("onhighlight", function
(e) { //滑鼠放在下拉列表上的事件 var str = ""; var _value = e.fromitem.value; var value = ""; if (e.fromitem.index > -1) { value = _value.province + _value.city + _value.district + _value.street + _value.business; } str = "FromItem<br />index = " + e.fromitem.index + "<br />value = "
+ value; value = ""; if (e.toitem.index > -1) { _value = e.toitem.value; value = _value.province + _value.city + _value.district + _value.street + _value.business; } str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value; G("searchResultPanel").innerHTML = str; }); var myValue; ac.addEventListener("onconfirm", function(e) { //滑鼠點選下拉列表後的事件 var _value = e.item.value; myValue = _value.province + _value.city + _value.district + _value.street + _value.business; G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue; setPlace(); }); function setPlace(){ map.clearOverlays(); //清除地圖上所有覆蓋物 function myFun(){ var pp = local.getResults().getPoi(0).point; //獲取第一個智慧搜尋的結果 map.centerAndZoom(pp, 12); map.addOverlay(new BMap.Marker(pp)); //新增標註 } var local = new BMap.LocalSearch(map, { //智慧搜尋 onSearchComplete: myFun }); local.search(myValue); } //津南區輪廓 function getBoundary(){ var bdary = new BMap.Boundary(); bdary.get("天津市津南區", function(rs){ //獲取行政區域 map.clearOverlays(); //清除地圖覆蓋物 var count = rs.boundaries.length; //行政區域的點有多少個 if (count === 0) { alert('未能獲取當前輸入行政區域'); return ; } var pointArray = []; for (var i = 0; i < count; i++) { var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 4, strokeColor: "black",fillColor:"none"}); //建立多邊形覆蓋物 map.addOverlay(ply); //新增覆蓋物 pointArray = pointArray.concat(ply.getPath()); } map.setViewport(pointArray); //調整視野 addlabel(); }); } setTimeout(function(){ getBoundary(); }, 2000);

相關推薦

百度地圖api初使用，行政區劃及搜尋

// 百度地圖API功能 function G(id) { //搜尋框 return document.getElementById(id); } var map = new BMap.Map("allmap"); //

java呼叫百度地圖API開發，百度線上地圖開發——未完待續

這裡是目錄 一、引入百度地圖API 二、百度地圖開發 1、定義一個div來存放地圖 2、生成地圖 3、新增一個跳躍的點 4、新增控制元件 5、有其他需要的請留言 一、引入百度地圖API   百度地圖官方示例：http://lbsyun.b

百度地圖api定位，根據經緯度顯示當前城市名

當前城市：<span id="pro_num">鄭州</span> <div id="allmap"></div> <script type="text/javascript" src="http://api.map.baidu.com/

百度地圖高階例項1-如何利用【百度地圖API】，製作房產酒店地圖？（中）

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>酷訊酒店地圖</title>

HTML5頁面直接調用百度地圖API,獲取當前位置，直接導航目的地(轉)

wid dir tle mark utf-8 mil 獲取 open init HTML5頁面直接調用百度地圖API,獲取當前位置，直接導航目的地 我是應用在微信中，自定義菜單，菜單直接鏈接到這個HTML5頁面，獲取當前位置後，頁面中定好目的地，這樣打開頁面後直接進入導航頁

使用html5獲取當前手機的經緯度，並接入百度地圖API，查詢出當前位置

api detail attribute spa rip coord component per bar 最近項目需要，稍微研究一下html5獲取當前地理位置的問題。 獲取當前位置的經緯度很簡單，一句代碼就搞定 [javascript] view plain cop

百度地圖API快速調用，一鍵生成百度地圖

百度地圖API對於在網站或者網頁之內插入百度地圖插件，可能很多編程技術人員都知道如何來做，但是做起來所花費的時間都比較長，那麽下面跟大家分享一下如何快速調用百度地圖API，一件生成百度地圖的方法，這種方法適用於任何的編程語言，所以有興趣的編程開發者可以保存一下。body之間源代碼如下：<script t

百度地圖API，展示地圖和添加控件

空間 鼠標滾輪 比例尺 鼠標 right size ofo ext aid 1、申請百度賬號和AK 點我申請 2、準備頁面 根據HTML標準，每一份HTML文檔都應該聲明正確的文檔類型，我們建議您使用最新的符合HTML5規範的文檔聲明： <!DOCTYPE html

HTML5頁面直接調用百度地圖API,獲取當前位置，直接導航目的地

position new html5 head css target str direction lmap <!DOCTYPE html> <html lang="zh-cmn-Hans"> <meta charset="UTF-8"

百度地圖API 自定義座標點及圖片

var map = new BMap.Map("allmap");var point = new BMap.Point(105.955754,36.525109);map.centerAndZoom(point,8);map.en

使用者Ip地址和百度地圖api介面獲取使用者地理位置（經緯度座標，城市）

<?php   //獲取使用者ip(外網ip 伺服器上可以獲取使用者外網Ip 本機ip地址只

關於Android6.0以上動態獲取執行時許可權、及無法正常執行百度地圖API的問題

Google早在Android6.0的時候就全面修改了應用程式的許可權申請機制，除了需要在AndroidManifest.xml配置檔案中事先做好許可權配置之外，部分被認為是危險的系統許可權還需要在程式碼中專門去單獨申請。Google將這一改變稱為“執行時許可權（RunTi

百度地圖api實現的定位，導航，附近搜尋

實現功能：  1、定位，根據裝置自動定位，設定到區，可自行調整；         2、附近地標搜尋，顯示定位附近圖書館，可更改；         3、路線規劃，點選終點或手動輸入終點位置； 程式碼實現： <%@ page language="java" imp

呼叫百度地圖api，通過ip獲取當前城市以及經緯度

一、申請Ak值 登入百度地圖開放平臺： 建立應用： 建立成功後ip值就有了： 二、程式碼實現 <?php $ip="xxxxxxx"; $content=file_get_contents("http://api.map.baidu.com/location/ip?

基於ASP.NET，AJAX，Sqlserver和百度地圖API開發的西南科技大學校園地圖

目錄 Login.aspx： Login.aspx.cs: Register.aspx Register.aspx.cs: isUserNameExist.aspx.cs: Map.aspx: Map.aspx.cs: Web.config: 執行結果部分截圖：

百度地圖api，定位，新增城市控制元件，單擊獲得經緯度並mark

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0,

百度地圖api座標轉換，兩點導航

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=18cfc0dbeaf7a8cead27ddaf88bac861"></script> <

百度地圖API，根據經緯度實現車輛移動軌跡繪製

百度地圖，實現車輛軌跡繪製 實現思路： 1.根據經緯度實現車輛軌跡繪製 2.使用百度地圖API的兩個覆蓋物實現，Polyline（折線）繪製軌跡，Marker（圖示）繪製小車圖示 3.將每兩個座標間連線起來，形成連貫的軌跡線路 4.生成下一個圖示後刪除上一個繪製的圖示，形成

使用百度地圖api實現定位及選擇位置功能

之前使用過一些第三方的地圖api，最後還是覺得百度的比較好用，剛好最近做一個專案，需要用到地圖的功能，也比較簡單，就是獲取當前位置，然後可以自己手動在地圖上選擇位置，把經緯度丟給服務端。我用的就是百度地圖 下面就開始做了，註冊開發者賬號、申請key、下載SDK什麼的，就

百度地圖api在Html中顯示，在jsp頁面中不顯示解決方法

在jsp頁面中顯示如下但是在html中正常顯示。原來的程式碼如下<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true">&