2. 程式人生 > >百度地圖動態載入資料庫中的資訊

百度地圖動態載入資料庫中的資訊

阿新 • • 發佈：2019-01-18
//使用ajax從後臺獲取資料 $(function(){ $.ajax({ async:false,// 獲取返回值的問題 url: '<%=basePath%>/sharecontent/findallfri.do', type:'Post', data : "userid=", dataType:'json', success: getlonandlat//成功後執行的方法 }) }) map = new BMap.Map("container");//加var的是區域性變數，不加 的是全域性變數 //初始化地圖 function
inint_map(){ //傳遞資料庫中心。 map.centerAndZoom(new BMap.Point(112.928197,28.173547), 5);//分享足跡 map.enableScrollWheelZoom(); //啟用滾輪放大縮小，預設禁用 map.enableContinuousZoom(); //啟用地圖慣性拖拽，預設禁用 // var test = {type:BMAP_NAVIGATION_CONTROL_ZOOM } // 新增平移縮放控制元件(個性化) map.addControl(new
BMap.NavigationControl(test));// 新增平移縮放控制元件(個性化) map.addControl(new BMap.OverviewMapControl()); //新增預設縮略地圖控制元件 var mapType1 = new BMap.MapTypeControl({mapTypes: [BMAP_SATELLITE_MAP,BMAP_NORMAL_MAP]});// var mapType2 = new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_LEFT}); var
overView = new BMap.OverviewMapControl(); var overViewOpen = new BMap.OverviewMapControl({isOpen:true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT}); init_point();//初始化標註 } //從ajax中傳入資料 ,動態獲取資料 function getlonandlat(tt){//返回執行的引數額json格式的引數 alert(" 呼叫了ajax的值") var json1 = eval(tt); //陣列 alert(json1) $.each(json1, function (index, item) { //迴圈獲取資料 var lat = json1[index].lat; var lon = json1[index].lon; alert(lat ,lon); var p=new BMap.Point(lon,lat)//?這個資料從哪裡來 var marker = new BMap.Marker(p); // 建立標註，為要查詢的地方對應的經緯度 map.addOverlay(marker); marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫 var point = new BMap.Point(lon,lat);//從超級連結獲取資料 var opts = "<div style='background-color: #CCE8CF;margin: 0px;padding: 0px'><h4 style='margin:0 0 5px 0;padding:0.2em 0'>"+ json1[index].address+"</h4>" + "<img style='float:right;margin:4px' id='imgDemo' src='"+ json1[index].img +"' width='200' height='200' title='圖片太美無法顯示'/>" + "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>分享內容："+ json1[index].content+"</p>" + "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>分享日期："+ json1[index].sharedate+"</p>" + "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>好友："+ json1[index].username+"</p>" + "</div>"; var infoWindow = new BMap.InfoWindow(opts); // 建立資訊視窗物件 marker.addEventListener("click",function(){ map.openInfoWindow(infoWindow,point);//開啟資訊視窗 }); }) } //初始化標註 //結合session中的值 function init_point(){ // var p=new BMap.Point(112.93219,28.172548)//?這個資料從哪裡來 // var marker = new BMap.Marker(p); // 建立標註，為要查詢的地方對應的經緯度 // map.addOverlay(marker); //新增自定義的標籤： // var icon = new BMap.Icon('img/1.png', new BMap.Size(20, 32), {//是引用圖示的名字以及大小，注意大小要一樣 // anchor: new BMap.Size(10, 30)//這句表示圖片相對於所加的點的位置 // }) // map.addOverlay(icon); marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫 var point = new BMap.Point(112.93239,28.173148);//從超級連結獲取資料 var opts = "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>汨羅</h4>" + "<img style='float:right;margin:4px' id='imgDemo' src='img/1.jpg' width='100' height='200' title='漢韻閣'/>" + "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>迴圈經濟園區</p>" + "</div>"; var infoWindow = new BMap.InfoWindow(opts); // 建立資訊視窗物件 marker.addEventListener("click",function(){ map.openInfoWindow(infoWindow,point);//開啟資訊視窗 }); } //新增地圖型別和縮圖 function add_control(){ inint_map(); init_point();//初始化標註 map.addControl(mapType1); //2D圖，衛星圖 map.addControl(overView); //新增預設縮略地圖控制元件 map.addControl(overViewOpen); //右下角，開啟 } add_control();

相關推薦

百度地圖動態載入資料庫中的資訊

//使用ajax從後臺獲取資料 $(function(){ $.ajax({ async:false,// 獲取返回值的問題 url: '<%=basePath%>/sharecontent/findallfri.do', type:'Post',

Python爬取百度地圖API-查詢全國地址資訊-MySQL資料庫

1.採用轉檔案轉MySQL資料庫形式儲存內容 2.爬取速度不宜過快，太快容易失敗 程式碼如下： 先爬取並將其全部儲存至檔案中 import json, time import random import requests six_cities_list = ['北京

百度地圖 迴圈載入marker並新增多個資訊視窗，解決只顯示最後一個視窗資訊的問題

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShowNurseryInfo.aspx.cs"     Inherits="Bim5D_Web.Nursery.ShowNurseryInfo" %> <!DOCTY

構建自己的百度地圖座標糾偏資料庫

麗水市汽車運輸集團股份有限公司資訊中心苟安廷   搞GPS相關開發的，無一例外都會碰到座標糾偏問題，即接收到的GPS座標，如果直接顯示到電子地圖上，和實際位置有較大差距，必須在GPS座標的基礎上加上一個偏移量，才能正確顯示，由於偏移是非線性的，而演算法又是保密的，故很難獲

利用Python呼叫百度地圖介面爬取小區資訊

前幾天有一個需求，就是想要查到每個一二線城市裡所有小區的經緯度，因此爬取程式和啟動程式如下 community_info_do.py 的程式碼如下 # -*- coding: utf-8 -*- """ 功能：呼叫百度地圖介面爬取各城市小區基本資訊 呼叫介面

百度地圖測載入的兩種 方式 直接載入和非同步載入

轉自：http://blog.csdn.net/u014470581/article/details/527808811、直接載入 <html><head>    <metahttp-

百度地圖-非同步載入地圖

1、問題背景     百度地圖核心js初始化不引入，在函式中建立script後引入2、實現原始碼<!DOCTYPE html> <html> <head> <m

js 百度地圖自定義彈出資訊視窗

圓形頭像，下方圖文效果 var sContent = {# '<a style="c

百度地圖動態的設定中心座標和縮放級別

問題描述：有些時候地圖的中心座標，以及縮放級別要根據標註點來確定，所以有時候要根據標註點座標，動態的設定中心座標和縮放級別 程式碼如下： //根據原始資料計算中心座標和縮放級別，併為地圖設定中心座標和縮放級別。 function setZoom(points){

百度地圖SDK使用過程中的那些坑

使用跟demo相同的Key，並且聯網成功，授權成功，但是在初始化地圖的時候提示引擎初始化失敗，解決方法：檢查SDK中的資原始檔mapapi.bundle是否匯入，如果沒有匯入，匯入即可。 由於百度地圖

自定義百度地圖全域性搜尋結果的資訊視窗

如圖所示，直接呼叫百度地圖的全域性搜尋方法，預設返回結果為圖1所示： 圖1 但是搜尋結果的標註點所對應的資訊視窗樣式比較單調，且不滿足業務需要，因此通過官方API提供的方法來修改標註點對應的資訊

百度地圖 批量新增marker和資訊視窗

別的博主把需求的業務寫得非常複雜，或許是個人能力不足，把博主的業務邏輯抄下來後發現實際上並沒有實現點選marker彈出資訊視窗這個需求，所以就結合其它博主的加上自己個人的理解寫出瞭如下程式碼 <head> <script type="text/javasc

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

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

百度地圖開發新增覆蓋物的資訊時出現的問題new infoWindow的時候

新的百度地圖SDK的此構造方法為四個引數的解決方法 public InfoWindow(BitmapDescriptor bd,         LatLng position,     int yOffset,          InfoWindow.OnInfoWi

Android 百度地圖 動態畫多邊形，並判斷一個點是否在多邊形內部

由於專案的需求，需要動態的在地圖上畫出多邊形，並且需要判斷一個點是否在多邊形的範圍內，根據官方的demo，結合網上的查的資料，做出的效果如下圖所示： 思路就是： 1.點選地圖增加marker； 2.拿到marker，根據marker來

百度地圖非同步載入時出現的問題

在使用百度地圖做專案的時候，因為載入js在沒有網路的時候，是非常緩慢的，時間約有20s了，在這期間，頁面一片空白，造成了不好的使用者體驗，所以這裡想到用非同步載入，但是在檢視文件使用程式碼之後，頁面一直不呼叫回撥函式init();最後自己手動呼叫，以下是程式碼 domRead

百度地圖自定義標註、資訊視窗、多種類聚合、主題（一篇嘔心瀝血的部落格...）

一、序   　　最近做百度地圖的圖形化定製。略有心得，在此和大家分享一下，少走彎路。先看目錄，大致介紹一下都寫了些啥。我會從最基本的來，一點點往下寫，同志們可以看目錄自己去找需要的部分。ps：注意，我用的是百度地圖 2.0 版本，例子也都是。 　　這個完整程式碼，我會上傳到 githu

JS方式實現百度地圖載入資料庫中的座標並實現動態重新整理

"); //設定地圖顯示的城市，這項是必須的map.enableScrollWheelZoom(true); //開啟滑鼠滾輪縮放var gPoints = [];Ext.Ajax.request({url : 'coords.do?method=getCoords',params : {},success

JQuery條件下使用 JS方式實現百度地圖載入資料庫中的座標並實現動態重新整理

功能：藉助JQuery，使用 JS 方式實現後臺載入座標資料然後顯示在百度地圖上，並每隔5秒重新整理一次資料。 對不同點使用不同的圖示進行標註，比如上傳時間大於半小時的點標記為紅色圖示，說明資料不實時， 對上傳時間短於半小時的，則用綠色的點表示正在運動的目標，藍色的點表示靜

如何在asp.net中使用百度地圖並動態獲取到資料庫中的座標點進行標註

前段時間忙於公司的一個專案，專案中一個功能就是動態獲取資料庫的經緯度資訊並在百度地圖上進行標註，剛開始在網上查了很多資料還是沒能解決，也發現很多網友都遇到過這樣的問題，最後查閱資料過程中看到別人的文章，恍然大悟，然後重新程式碼順利解決。下面將本人的解決方法做一下介紹，供各位