1. 程式人生 > >百度地圖切換城市,設定城市邊界

百度地圖切換城市,設定城市邊界

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ"></script>
    <style>
        body, html {
            widows: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
        }
        #allmap {
            widows: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div id="allmap"></div>
</body>
<script type="text/javascript">
	var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 10);
getBoundary("北京市")
map.enableScrollWheelZoom();
map.enableInertialDragging();

map.enableContinuousZoom();

function getBoundary(name){
    var bdary = new BMap.Boundary();
    // var name = document.getElementById("districtName").value;
    bdary.get(name, function(rs){ //獲取行政區域
        map.clearOverlays(); //清除地圖覆蓋物
        var ply = new BMap.Polygon(rs.boundaries[0]); //建立多邊形覆蓋物
        map.addOverlay(ply); //新增覆蓋物
        map.setViewport(ply.getPath());    //調整視野
    })
}

map.addControl(new BMap.CityListControl({
    anchor: BMAP_ANCHOR_TOP_LEFT,
    offset: new BMap.Size(10, 20),
    // 切換城市成功響應事件
    onChangeSuccess: function (e) {
        getBoundary(e.city)
    }
}));
    
</script>
</html>

效果:

相關推薦

地圖切換城市設定城市邊界

<!DOCTYPE html> <html lang="en"> <head>

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

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

地圖sdk定位所在的城市名稱和街道資訊

變數的宣告:     String city = null;  //當前所在的城市     String addr = null; //當前所在地點 在MyLocationListenner implements BDLocationListener 類中獲取城市名: p

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

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

地圖(iconzIndex)

百度地圖v2.0參考http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b2 覆蓋物(Marker) Icon: var myIcon = new BMap.Icon(           tagicon,//圖片

vue-baidu-map vue專案中使用地圖(搜尋資訊視窗獲取地點詳細資訊)

最近做了一個垃圾分類的專案,要求使用百度地圖。主要實現以下幾個功能: 1、點選地圖獲取到經緯度和地點資訊 2、點選地圖實時顯示資訊視窗 3、區域搜尋功能,具體功能就是如下圖 ↓ 兩個api網址,一個vue-baidu-map的api,一個JavaScript的百度

地圖商家標註查詢附近3000米內的商家並標到地圖

效果圖 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KEY"></script> <script type="text/javas

地圖高階例項1-如何利用【地圖API】製作房產酒店地圖?(中)

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

android 呼叫地圖客戶端

以前都是使用百度API在軟體裡面做一個百度地圖出來這樣感覺既浪費時間又浪費精力,這裡就教大家直接使用Intent的方式呼叫手機上安裝的百度地圖客戶端,訪問我們所需要的路徑規劃等, //調起百度地圖客戶端 try { intent = Intent.getInten

地圖定位API精度提高

我使用百度定位API DEMO上面好像就可以setCoorType("bd09ll");//百度地圖座標。然後我找了下從其它座標體系遷移到百度座標。問下:1、那我還能不能在百度定位API的基礎上對定位進行優化?因為實測定位精度不怎麼準確。2、定位時能否獲取到小區或街道的名字呢? 而不是國家+省+市(縣)+XX

Android地圖(六):地圖POI檢索行政區邊界、公交、線路規劃查詢地理編碼介紹

上一篇文章介紹了百度鷹眼sdk監控進出圍欄的功能,本篇將詳細介紹百度地圖中POI檢索、公交查詢、行政區邊界座標獲取、兩點之間的路徑規劃和地理編碼(座標和地址之間的轉換)。 一 POI檢索 1.POI簡介 POI是興趣點的意思,地圖上標註的商鋪、飯店、學校、銀行、醫院、車站等等都是POI。 地圖上的POI是可

使用地圖定位SDK獲取到的經緯度資料是4.9E-324的解決辦法

1、win+r,輸入cmd開啟命令提示符介面;2、 輸入命令  C:    進入c盤;3、接著 輸入命令   cd Users\Administrator   其中Administrator是自己的使用者名稱  Administrator檔案下有個.adnroid檔案, 輸入命令   cd .android,

地圖定位APIlocationClient的使用

使用百度地圖的API進行定位,因為V3.0版本之後很多類如MapController等不再使用,因此百度將定位API分離使用,下面是定位的Demo。使用的是百度最新的定位API。 1.首先呼叫SDKInitializer對API進行初始化,一定在setCont

Fragment使用地圖切換頁面出現短暫黑屏

接手公司專案,發現fagement使用百度地圖切換時產生短暫黑屏,查了一下資料,大致原因是百度SDK的問題:解決方法:1,在activity種的onCreate()方法中設定視窗透明度。public void onCreate(Bundle savedInstanceStat

呼叫地圖Android API模擬器地圖可以載入手機無法載入問題

之所以會出現這種問題,基本是因為在申請key時出現的錯誤。下面這張圖是完整版的key,模擬器和手機均可加載出地圖。 一般,我們開發時(即是在模擬器上執行時)是通過開發環境獲取到的SHA1的值,

地圖:定位軌跡白板載入崩潰定位到非洲

這兩天道長在弄百度地圖,開發中也遇到了一些問題,在這裡和大家分享一下(額,主要是記錄一下,省的下次又忘了) 一、準備 二、定位 1.百度地圖配置 新增許可權 <uses-permission android:name="a

Android地圖繪製圓形圓形半徑可動態變化

問題:百度地圖繪製圓形,圓形半徑可隨進度拖動條發生改變 思路:圓形本身是一個覆蓋物,可參考百度地圖Demo中的OverlayDemo.java這個類進行實現。完成畫圓之後,圓形半徑如何隨著進度條的拖動進行變化?進度條與畫圓方法聯動,隨著進度條的拖動首先清除掉上次繪製的圓形重

安卓開發使用地圖sdk實現定位新增marker城市切換等功能

許久不寫部落格,慢慢的變的有些懶惰。keep coding,keep learining。 關於學習使用百度地圖sdk,我六點要說。。。。。。哈哈哈哈,玩笑歸玩笑,說正經的,百度地圖sdk的幫助文件寫的不是很好,很多地方不完善,有偷懶的嫌疑,建議學習時配合類參考,有歧義不清

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

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

微信小程序自動定位通過地圖根據經緯度獲取該地點所在城市信息

城市 小程序 key lbs cat img data success baidu 微信小程序獲得經緯度 var that = this wx.getLocation({ type: ‘wgs84‘, success(res) {