2. 程式人生 > >天地圖api 區劃聚合+海量點展示 區劃到鄉鎮

天地圖api 區劃聚合+海量點展示 區劃到鄉鎮

阿新 • • 發佈：2018-12-30
// 自定義圖片 var imageLayer = new AMap.ImageLayer({ // url: 'http://1.img.dianjiangla.com/jdAssets/jdCity.png', url: 'http://1.img.dianjiangla.com/jdAssets/jdQh.png', opacity:0.8, bounds: new AMap.Bounds( [118.8940912546568,29.20439576265778],[120.32081607375262,30.155545642054992
] ), zooms: [15.1, 20] }); var imageLayer1 = new AMap.ImageLayer({ // url: 'http://1.img.dianjiangla.com/jdAssets/jdQh.png', url: 'http://chuantu.biz/t6/173/1512980653x-1404793565.png', opacity:0.8, bounds: new AMap.Bounds( [118.8940912546568,29.20439576265778
],[120.32081607375262,30.155545642054992] ), zooms: [0, 12] }); var imageLayer2 = new AMap.ImageLayer({ // url: 'http://1.img.dianjiangla.com/jdAssets/8bei.png', url: 'http://www.bbvdd.com/d/201712111707229eg.png', opacity:0.8, bounds: new AMap.Bounds( [118.8940912546568
,29.20439576265778],[120.32081607375262,30.155545642054992] ), zooms: [12.1, 13] }); var imageLayer3 = new AMap.ImageLayer({ // url: 'http://1.img.dianjiangla.com/jdAssets/8bei.png', url: 'http://www.bbvdd.com/d/20171211171824rag.png', opacity:0.8, bounds: new AMap.Bounds( [118.8940912546568,29.20439576265778],[120.32081607375262,30.155545642054992] ), zooms: [13.1, 15] }); //建立地圖 var map = new AMap.Map('container', { resizeEnable: true, expandZoomRange:true, zooms:[4,20], zoom: 11, center: [119.286105,29.470681], layers: [ new AMap.TileLayer(), imageLayer, imageLayer1, imageLayer2, imageLayer3 // googleLayer ] }); var markers = [ "119.280698,29.474716","119.280597,29.471716","119.286696,29.474716","119.281695,29.478716", "119.286105,29.470681","119.226103,29.420683","119.296102,29.410682","119.226103,29.420683", "119.047696,29.320256","119.041697,29.330257","119.048698,29.330258","119.042698,29.330258", "119.307696,29.320256","119.221697,29.490257","119.048698,29.310258","119.242698,29.370258", ]; var infoWindow = new AMap.InfoWindow({autoMove:true,showShadow:true,offset:(0,0)}); for(var i = 0; i < markers.length; i += 1){ marker = new AMap.Marker({ position: markers[i].split(','), map: map, icon: new AMap.Icon({ size: new AMap.Size(30, 30), //圖示大小 imageSize: new AMap.Size(30, 30), image: "http://p1.so.qhimgs1.com/t01989df0653e0a5ac1.png", // imageOffset: new AMap.Pixel(-8, -30) }) }); marker.content='<h2>我是標題</h2>我是第'+i+'個資訊窗體的內容'; //給Marker繫結單擊事件 marker.on('mousemove', markerClick); marker.on('mouseout', markerCloseClick); // marker 的顯示和隱藏 map.on("zoomchange",function(){ if(map.getZoom()<10){ console.log(marker.th.icon) marker.hide( ) map.clearMap( ) } }); } function markerClick(e){ infoWindow.setContent(e.target.content); infoWindow.open(map, e.target.getPosition()); } function markerCloseClick(e){ infoWindow.close(); } //滑鼠點選選點 map.on('mousemove', function(e) { //經度 //緯度 var x = e.lnglat.getLng(); var y= e.lnglat.getLat(); if(29.205656<y&&y<29.774429&&118.896922<x&&x<119.765112){ $.ajax({ url:'http://172.30.34.63:6080/arcgis/rest/services/JDLand_XZM/MapServer/identify', data:'f=json&tolerance=5&returnGeometry=true&imageDisplay=1398%2C210%2C96&geometry=%7B"x"%3A'+x+'%2C"y"%3A'+y+'%7D&geometryType=esriGeometryPoint&sr=4326&mapExtent=118.94165999313367%2C29.6123519861085%2C119.90159041305554%2C29.756547542749125&layers=top', success:function( data ){ var a = JSON.parse(data) console.log( a ); var b = a.results[0].geometry.rings[0]; var polygonArr1 = new Array();//多邊形覆蓋物節點座標陣列 polygonArr1.push(b) var polygon1 = new AMap.Polygon({ path: polygonArr1,//設定多邊形邊界路徑 strokeColor: "#FF33FF", //線顏色 strokeOpacity: 0, //線透明度 strokeWeight: 0, //線寬 fillColor: "#f66", //填充色 fillOpacity: 0,//填充透明度 bubble:true, geodesic:true, zIndex:10, }); // // 監聽滑鼠移入、移除事件 polygon1.on("mouseover",function (e) { // polygon1.show( ) polygon1.setOptions({fillOpacity : 0.8,strokeOpacity:0.5,strokeWeight:3,}) }).on("mouseout",function () { polygon1.setOptions({fillOpacity : 0,strokeOpacity:0,strokeWeight:0,}) // polygon1.hide( ) }); polygon1.setMap(map); }, error:function(error){ console.log(error); return; } }); } }); //載入相關元件 AMapUI.load(['ui/geo/DistrictCluster', 'ui/misc/PointSimplifier', 'lib/$'], function(DistrictCluster, PointSimplifier, $) { window.DistrictCluster = DistrictCluster; //啟動頁面 });

相關推薦

天地圖api 區劃聚合+海量點展示 區劃到鄉鎮

// 自定義圖片 var imageLayer = new AMap.ImageLayer({ // url: 'http://1.img.dianjiangla.com/jdAssets/jdCity.png', url: 'http://1.img.dianjia

高德地圖api 點聚合+海量點+點選事件（根據地區或座標進行定位）

<!doctype html> <html lang="zh-CN">     <head>         <!-- 原始地址：//webapi.amap.c

python3 通過百度地圖API獲取城市POI點並存於CSV格式

原文資訊： 作者：WenWu_Both  出處：http://blog.csdn.net/wenwu_both/article/  版權：本文版權歸作者和CSDN部落格共有  轉載：歡迎轉載，但未經作者同意，必須保留此段宣告；必須在文章中給出原文連結；否則必究法律責

天地圖Api

1 官網 http://www.tianditu.gov.cn/ 2 註冊賬號 [email protected]/Tianditu,233   3 流程步驟 4 申請開發者 https://console.tianditu.go

天地圖顯示多個標註點帶點選事件有檢索框

天地圖的座標和百度地圖座標還有有點區別的，直接上程式碼 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=u

呼叫天地圖API實現關鍵詞搜尋

概述：本文講述結合天地圖 js API，實現Openlayers中關鍵詞的搜尋與展示。效果：實現關鍵：呼叫天地圖APILocalSearch介面，實現關鍵詞搜尋，呼叫方式為：localsearch.search(keywod)。完整程式碼：<!DOCTYPE html&

天地圖API加載ArcGIS Server服務

ces form eps 分享 png class fault api 圖層 發布的服務需要選擇WMS功能 　　 wmsLayer = new T.TileLayer.WMS("http://127.0.0.1:6080/arcgis/services

百度地圖api之固定標記點跳動,點選顯示詳情

一.首先引入所申請的ak金鑰<script type="text/javascript" src="http://api.map.baidu.com/api?ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&v=2.0&services=false"><

百度地圖API 少量點和海量點 自定義新增資訊

開發中遇到需要地圖展示使用者座標點需求，在上一篇文章中解決載入大量點卡頓。需求中提到點選代表使用者發表的動態需要彈出資訊框，找了api中的資訊視窗例項暫時不用考慮圖片，就選擇純文字資訊視窗展示。// 百度地圖API功能 var map = new BMap.Map("all

百度地圖API一：根據標註點坐標範圍計算顯示縮放級別zoom自適應顯示地圖

var spa get bsp pan nts viewport 百度 getview 百度地圖中根據頁面中的point，自動設置縮放級別和視圖中心，將所有的point在視圖範圍內展示。 var points = [point1, point2,point3];

ArcGIS API for JavaScript3.x 學習筆記[3] 加載底圖（一）【天地圖（經緯度版）】

矢量地圖 說明 tiled spa 過程 相同 服務器列表 text 服務 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5

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

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

百度地圖API 重新生成點聚合的功能

library RKE doc clu bsp htm net com tail 百度地圖API 重新生成點聚合的功能 學習了：https://blog.csdn.net/u012463017/article/details/53507385 clearMarkers()

百度地圖API二：根據標註點坐標範圍計算顯示縮放級別zoom自適應顯示地圖

max zoom 天地圖 功能 center 經緯 通過 極值 template 原文:百度地圖API二：根據標註點坐標範圍計算顯示縮放級別zoom自適應顯示地圖 版權聲明：本文為博主原創文章，轉載請註明出處。 https://blo

百度地圖API繪製計程車流向地圖（一）：將起始GPS點對映到地圖上

打算在年前實現用百度地圖API繪製NYC計程車流向地圖。目前實現了將出租車的起始點的GPS點對映到地圖上，繪製了GPS點的熱力圖。記錄在此。 所用資料：NYC綠色計程車資料 時間：2016.01.01 0:00-24:00 共24小時 GPS點個數：64398 繪圖方式：熱力圖 百度地圖

百度地圖API之百度地圖退拽標記點獲取經緯度的實現程式碼

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

百度地圖點聚合和點動畫一起使用

問題：不修改原始碼的情況下，點聚合和點動畫一起使用的時候，會發現只要移動地圖後，點動畫就會消失 解決方法： 修改點聚合原始碼  =>  BMapLib_MarkerClusterer.js中的 _createClusters 方法 MarkerClust

天地圖(全國版)根據已知點集合繪製直線

場景：          最近又開始整天地圖了，先前整的是福建省的，這次整全國版的(http://lbs.tianditu.gov.cn/)，省級的和全國的天地圖用的竟然是不一樣的，國家搞一套，省級搞一套，市級不知道是不是又是一套，作為開發人員，覺得這個好難受，好坑，特別是

arcgis 調取天地圖poi興趣點

哈哈，大噶猴，我又來了，好久沒寫部落格了，都有點生疏了，回到這裡還是熟悉的味道，真好！ 好的，進入正題，今天記錄arcgis 調取天地圖POI興趣點，例如搜尋超市，酒店啥的。 上效果圖 -----------------------------------------------------

python3調取百度地圖API輸出某地點的經緯度資訊

  1. 檢視API介面說明 地址：http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding   注：callback的功能暫未研究     2. 申請自己的