精华内容
下载资源
问答
  • 百度地图经纬度定位.zip 百度地图经纬度定位.zip 百度地图经纬度定位.zip 百度地图经纬度定位.zip 百度地图经纬度定位.zip
  • 百度地图经纬度定位

    热门讨论 2013-07-12 18:33:47
    百度地图,一键定位功能,只需要传入一个经纬度即可快速定位哦。可以直接搬到项目里面使用。
  • 地图经纬度定位不准

    2018-06-14 10:00:00
    在网上查阅各种获取当前经纬度方案,获得的经纬度差别都比较大...解决方案:查看muiH5中的地图实例:初始一个地图,再定位时,得到当前的经纬度准确性就高了 转载于:https://www.cnblogs.com/mangwusuozhi/p/9181668.html...

    在网上查阅各种获取当前经纬度方案,获得的经纬度差别都比较大.

    解决方案:查看muiH5中的地图实例:初始一个地图,再定位时,得到当前的经纬度准确性就高了

    转载于:https://www.cnblogs.com/mangwusuozhi/p/9181668.html

    展开全文
  • 【python】google的经纬度定位查询API

    千次阅读 2018-08-14 16:53:37
    功能:根据经纬度定位相应位置。 使用google 地图 API,每日有限量使用。 from urllib.request import urlopen from bs4 import BeautifulSoup def query(lat,loc): url = "...

    功能:根据经纬度,定位相应位置。

    使用google 地图 API,每日有限量使用。

    from urllib.request import urlopen
    from bs4 import BeautifulSoup
    
    def query(lat,loc):
        url = "http://maps.google.cn/maps/api/geocode/xml?latlng=%.6f,%.6f&sensor=false"%(lat,loc)
        html = urlopen(url)
        bsObj = BeautifulSoup (html, "html.parser")
        addr = bsObj.find('formatted_address')
        return addr.get_text()

     

    输入经纬度,返回对应的位置信息。

     

     

     

     

     

     

     

    展开全文
  • 百度地图经纬度定位绘制路线图

    千次阅读 2017-05-03 17:56:49
     首先开发百度地图的有一个自己的秘钥这个很简单,在官网上注册一个就ok了 http://lbsyun.baidu.com/apiconsole/key   我直接贴上代码  html   <div id="allmap"></div&...

    物流配送大多涉及到派送轨迹路线(效果如下图)



     首先开发百度地图的有一个自己的秘钥这个很简单,在官网上注册一个就ok了 http://lbsyun.baidu.com/apiconsole/key

     

    我直接贴上代码

        html

     

    <div id="allmap"></div>  

       

     

        js 将下面的内容引入到<head> </head>  注明:3icsmHEwF3gTx620utwzXfgGxTsGjXoI 是我的秘钥能用你可以测试用下,不能自己注册一个,我估计不能

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
        <style type="text/css">  
            body, html {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}  
            #allmap {position:absolute;left:0px;width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}  
        </style>  
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=3icsmHEwF3gTx620utwzXfgGxTsGjXoI"></script>  
    <script src="http://c.cnzz.com/core.php"></script>

     

      

    <script type="text/javascript">  
      /*   var list = [{longitude:116.3556880000000006702975952066481113433837890625,latitude:39.8747460000000017998900148086249828338623046875},
                                     {longitude:116.380482,latitude:39.87649},
                                     {longitude:116.427337,latitude:39.87649},
                                     {longitude:116.447459,latitude:39.877265},
                                     {longitude:116.452059,latitude:39.883466},
                                     {longitude:116.451771,latitude:39.890221}]; */
        
        var list=${list};
        var listLast = list.length-1;  
        // 百度地图API功能  
        var map = new BMap.Map("allmap");    // 创建Map实例  
        map.centerAndZoom(new BMap.Point(list[0].longitude,list[0].latitude), 13);  // 初始化地图,设置中心点坐标和地图级别  
        map.addControl(new BMap.MapTypeControl());   //添加地图类型控件  
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放  
        setTimeout(drawIcon,1500);  
        var carMk;  
        var myBeginIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/car.png", new BMap.Size(52, 32), {imageOffset: new BMap.Size(0, 0) })
        var myEndIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/car.png", new BMap.Size(52, 32), {imageOffset: new BMap.Size(0, 0) })
        function drawGreenLine(i){  
            var polyline = new BMap.Polyline([  
                new BMap.Point(list[i].longitude,list[i].latitude),//起始点的经纬度  
                new BMap.Point(list[i+1].longitude,list[i+1].latitude)//终点的经纬度  
            ], {strokeColor:"red",//设置颜色  
                strokeWeight:4, //宽度  
                strokeOpacity:1});//透明度  
            map.addOverlay(polyline);  
        }  
      
        function drawIcon(){  
            if(carMk){  
                map.removeOverlay(carMk);  
            }  
            
            carMk2 = new BMap.Marker(  
                         new BMap.Point(list[0].longitude,list[0].latitude),//起始点的经纬度  
                    {icon:myBeginIcon});  
                         map.addOverlay(carMk2);  
      
            carMk = new BMap.Marker(  
                    new BMap.Point(list[listLast].longitude,list[listLast].latitude),//终点的经纬度  
                    {icon:myEndIcon});  
          
            map.addOverlay(carMk);  
      
            for(var i=0;i<list.length-1;i++){  
                drawGreenLine(i);  
            }  
      
        }  
    </script>  

     

     

       

     

     

     

    展开全文
  • 先看下效果,分两种,一种带地图(经纬度),一种屏蔽地图显示:   这个是通过百度echarts的一个案列改造而来。下面附上官网地址、API地址、改造前Demo地址、china.json和echarts.js: 官网地址:...

    需求:项目要做一个动态展示服务器前置机间是否连通的界面。

    先看下效果,分两种,一种带地图(经纬度),一种屏蔽地图显示:

     

    这个是通过百度echarts的一个案列改造而来。下面附上官网地址API地址、改造前Demo地址、china.jsonecharts.js

    上代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="HandheldFriendly" content="true">
    	<title></title>
    	
        <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">
    	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css">
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    	<script type="text/javascript" src="echarts.js"></script>
    	<script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script> 
    </head>
    <body>
        <div id="main"  style="width: 100%; height: 640px;"></div>
    </body>
    <script type="text/javascript">
         // 基于准备好的dom,初始化echarts实例
        console.log("加载中---------------");
        var myChart;
        $.ajaxSettings.async = false;//设置为同步加载,防止因为注入china的json太久后面的代码先执行导致bug
        $.get('json/china.json', function (chinaJson) {//注入china地图,注入的原因有两点:1.引入经纬度 2.用于geo图层的显示,因为geo图层可以让端点产生动态波浪的动画效果
        echarts.registerMap('china', chinaJson);
        myChart = echarts.init($('#main')[0]);
        });
        var color = ['#a6c84c', '#ffa022', '#46bee9', '#FFB6C1', '#FFF0F5',
                     '#DA70D6', '#4B0082', '#0000FF', '#F8F8FF', '#4169E1',
                     '#F0FFFF', '#E1FFFF', '#00FFFF', '#008B8B', '#40E0D0',
                     '#FFFFE0', '#FFFF00', '#FFA500', '#CD5C5C', '#FF0000'];//随便找了几种颜色,用于产生随机颜色
        //类似于Demo里面的飞机图形,这里用的箭头图形,这里表示图形的矢量坐标,好处是无论地图放大缩小,都不会失真
        var planePath = 'path://M80.3,780.9l418.3-421.8l421.7,418.2L990,707L497.9,219.1L10,711.2L80.3,780.9z';//矢量网址:http://www.sfont.cn/
        var series = [];//echarts固有属性
        series.push({//这里目前使用了三个type,2个level,所以这里数组push一下
        	//之前这个type去掉依旧不影响展示效果,但是这个图层可以作为你不想使用level2的lines的动态效果
        	//举个例子,我这个需求不连通的服务器不需要箭头在线上动态走过去,就可以把这些需求的点加在这个图层里
        	type: 'lines',
        	zlevel: 1,//用于 Canvas 分层,不同zlevel值的图形会放置在不同的 Canvas 中,Canvas分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel。
        	//zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。类似于z-index吧
        	effect: {//线特效的配置
        		show: true,//是否显示特效。
                period: 6,//特效动画的时间,单位为 s。
                trailLength: 0.7,//特效尾迹的长度。取从 0 到 1 的值,数值越大尾迹越长。
                color: '#fff',//特效标记的颜色,默认取 lineStyle.color。
                symbolSize: 3//特效标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示高和宽,例如 [20, 10] 表示标记宽为20,高为10。
        	},
        	lineStyle: {
                    normal: {
                        color: 'yellow',//线的颜色
                        type: 'dashed',//线的类型。'solid','dashed','dotted'
                        //opacity: 0.6, // 图形透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形。
                        curveness: 0.2//边的曲度,支持从 0 到 1 的值,值越大曲度越大。
                    }
            },
            data:[{coords:[[116.0046,28.6633],[120.37,22.64]]}] //线数据集。【【起点】,【终点】】
        },
        {
            type: 'lines',
            zlevel: 2,//第二图层,位于第一层之上
            symbol: ['none', 'arrow'],//线两端的标记类型,我这里用的箭头
            symbolSize: 10,
            label: {//标签相关配置
            	normal: {
            		show: true,
            		position: 'middle',//标签位置,'start' 线的起始点,'middle' 线的中点。'end' 线的结束点。
            		color: 'yellow',
            		formatter: function (params, ticket, callback) {//标签内容格式器,支持字符串模板和回调函数两种形式 回调函数格式:(params: Object|Array) => string
    		        var showHtm="连接中....";
    		        return showHtm;
                 }
            	}
            },
            effect: {
                show: true,
                period: 6,
                trailLength: 0,
                symbol: planePath,//特效图形的标记。1.ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
                //2.可以通过 'image://url' 设置为图片,其中 URL 为图片的链接,或者 dataURI。URL 为图片链接例如:'image://http://xxx.xxx.xxx/a/b.png'
                //3.可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。
                symbolSize: 15
            },
            lineStyle: {
                normal: {
                    color: color[1],
                    width: 2,
                    opacity: 0.6,
                    curveness: 0.2
                }
            },
             data:[{coords:[[116.0046,28.6633],[90,29]]},{coords:[[116.0046,28.6633],[120,50]],lineStyle:{type: 'dashed'}},
                  {coords:[[116.0046,28.6633],[90,50]]}]
        },
        {
            type: 'effectScatter',//带有涟漪特效动画的散点(气泡)图。利用动画特效可以将某些想要突出的数据进行视觉突出。
            coordinateSystem: 'geo',//该系列使用的坐标系 可选:1.'cartesian2d'使用二维的直角坐标系(也称笛卡尔坐标系),通过 xAxisIndex, yAxisIndex指定相应的坐标轴组件。
            //2.'polar',使用极坐标系,通过 polarIndex 指定相应的极坐标组件
            //3.'geo',使用地理坐标系,通过 geoIndex 指定相应的地理坐标系组件。
            zlevel: 2,//图层level2
            rippleEffect: {//涟漪特效相关配置
                brushType: 'stroke'//波纹的绘制方式,可选 'stroke' 和 'fill'。
            },
            label: {
                normal: {
                    show: true,
                    position: 'right',
                    formatter: '{b}'
                }
            },
            //showEffectOn: 'emphasis',
            symbolSize: 20,
            //data通过value中的经纬度坐标显示点的位置
            data: [{name:'Mysql',value:[120,50],isConnected: false,ip: '192.18.231.1',serverLocation:'北京',itemStyle: {
                normal: {
                    color: color[1]
                }
            }},{name:'MongoDb',value:[90,50],itemStyle: {
                normal: {
                    color: color[(function(){//返回一个color随机数
                    	return Math.round(Math.random()*19);
                    })()],
                    opacity: 0.7
                }
            },symbol: 'diamond',symbolSize: 30},
            {name:'Unix',value:[300,100]},
            {name:'Linux',value:[90,29],itemStyle: {
                normal: {
                    color: 'rgb(128, 128, 128)'
                },
            },symbol: 'rect',isConnected: false,ip: '192.168.2.2',serverLocation:'成都'},
            {name:'主服务器',value:[116.0046,28.6633],symbol: 'image://http://pic.58pic.com/58pic/16/69/20/58t58PIC2Bu_1024.jpg',isConnected: true,ip: '192.168.1.1',serverLocation:'西安'},
            {name:'Oracle',value:[120.37,22.64],itemStyle: {
                normal: {
                    color: color[(function(){
                    	return Math.round(Math.random()*19);
                    })()]
                },
            },symbol: 'roundRect',isConnected: false,ip: '192.168.2.2',serverLocation:'Fly'},]
        });
        option = {
        	 tooltip :{
        	 	show: true,
        	 	confine:false,//是否将 tooltip 框限制在图表的区域内。
        	 	showContent:true, //是否显示提示框浮层
                trigger:'item',//触发类型,默认数据项触发
                formatter: function (params, ticket, callback) {//悬浮提示,可以拿到data中的属性然后进行显示
    		        console.log('-------');
    		        console.log(params);
    		        var showHtm="";
    		        if(params.data){
    		        	var obj = params.data;
    		        	for(key in obj){
                            switch(key){
                            	case 'isConnected': showHtm += '是否联通='+obj[key]+'<br>'; break;
                            	case 'ip': showHtm += 'ip='+obj[key]+'<br>'; break;
                            	case 'serverLocation': showHtm += '服务器所在地='+obj[key]+'<br>'; break;
                            	default:
                            }
    		        	}
    		        }
    		        return showHtm;
                 }
        	 },
        	 backgroundColor: '#404a59',//背景色,默认无背景。
        	 title : {
           	 text: '服务器连通示意图',
           	 left: 'center',//grid 组件离容器左侧的距离,left 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'left', 'center', 'right'。
           	 textStyle : {
                color: '#fff'
               }
             },
    	    geo: {//地理坐标系组件。
    	        map: 'china',//地图类型 ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后手动注册。
                zoom: 1,//当前视角的缩放比例。
                //center:[],//当前视角的中心点,用经纬度表示
    	        label: {
    	            emphasis: {
    	                show: false
    	            }
    	        },
    	        roam: true,//是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。设置成 true 为都开启
    	        itemStyle: {
    	            normal: {
    	                areaColor: '#323c48',
    	                borderColor: '#404a59'
    	            },
    	            emphasis: {
    	                areaColor: '#2a333d'
    	            }
    	        }
    	    },
    	    series: series
        }
        myChart.setOption(option);
    </script>
    </html>

    上面该注解的都写了注解,重复的没有写,有不懂的尽量自己查API,API更详细,地址已经在文章开头写了。

    直接拷贝运行会缺echart.js(这个可以从官网下载,也可以从百度网盘下,链接在文章开头),china.json(自己百度下载或者文章开头链接下)。

    后面有时间再写一篇关于这个的升级版,包括前后台,数据从后台取,自动根据实际页面展示的物理尺寸计算地图缩放级别,初始化地图中心点定位,定时刷新界面数据。

     

    转载请注明出处:https://blog.csdn.net/qq_15351167/article/details/84530842

     

    展开全文
  • bigemap地图下载器如何在卫星地图上定位(经纬度定位) 本产品提供纬度坐标定位的功能。鼠标移动到工具栏,选择“”。弹出对话框,本产品提供“度数”和“度-分-秒”格式的经纬度定位,也能提供经纬度坐标“纠偏”...
  • 百度地图 根据经纬度 定位

    万次阅读 2018-07-31 13:16:07
    百度地图 根据经纬度 定位   &lt;html&gt; &lt;head&gt;  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;  &lt;meta ...
  • 通过Androidstudio3.0对于百度地图进行开发,主要实现通过经纬度修改定位,改变地图显示类型(普通、卫星、热力、实况等)
  • 本产品提供纬度坐标定位的功能。鼠标移动到工具栏,选择“”。弹出对话框,本产品提供“度数”和“度-分-秒”格式的经纬度定位,...示例中的红色定位点为未纠偏的经纬度定位,绿色定位点位纠偏后的经纬度定位。 ...
  • 根据经纬度定位

    2017-12-28 10:33:19
    根据经纬度定位,点击获取到地图的经纬度
  • 这个代码可以实现多个经纬度坐标点的定位和在高德地图上的显示
  • js 地理位置查询经纬度定位地图

    千次阅读 2014-11-26 10:09:18
    根据地址查询经纬度查询的地址: 查询结果(经纬度): style="position: absolute; margin-top:30px; width: 1
  • 百度地图 腾讯地图
  • 经纬度定位

    千次阅读 2018-05-07 09:24:08
    网站开发中,有时候会用到地图定位。...经纬度定位在百度地图API里面叫做逆地址解析。&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org...
  • JS经纬度定位

    2015-08-25 16:30:23
    用于网页中,根据名称或者经纬度定位!百度地图
  • 高德地图根据经纬度定位

    万次阅读 2015-11-28 12:47:30
    * 对于高德地图的logo,我们通过UIsettings.setLogoPosition(AMapOptions)来设置LOGO的位置: 对于其中的的AMapOptions,有几个常量来表示图标的位置,分别表示底线左边,中心和右边: ...
  • 再找到web服务接口,根据经纬度定位的功能在逆地理编码中: 来查看服务文档,默认返回的是json格式,json格式对于python来说也是非常容易处理的,记得导入json库就好。 发现城市在返回结果中的位置: 这样可以...
  • 省市区三级联动,输入街道具体地址可定位到腾讯地图上,在地图上点击获取点击位置的经纬度,后台传值为省市区的名称,不是代号。
  • 经纬度在线查询 地名 批量 查询经纬度 经纬度 批量 查询地名
  • ios 高德地图 通过索引输出经纬度 根据经纬度 定位,有需要的朋友可以参考下。 ios 高德地图新出了几个方法,实现地理位置的编码用到了CLGeocoder,CLGeocoder里面一共就下面这几种方法: //根据location...
  • 利用高德地图经纬度数据绘制定位一.背景二.具体步骤1.库的导入2.根据地址获取经纬度3.绘制定位 一.背景 利用高德地图申请的api进行目标地址的经纬度爬取并绘制定位。 二.具体步骤 1.库的导入 import requests import...
  • 高德地图集成定位和根据地址搜索经纬度进行定位功能,相关代码 高德地图集成定位和根据地址搜索经纬度进行定位功能,相关代码
  • 通过用户输入经纬度数值,后台对于数值转化为百度地图定位经纬度,显示在百度地图当中,地图类型的转换工具Androidstudio3.0与百度地图SDK
  • 高德经纬度转百度经纬度 http://api.map.baidu.com/geoconv/v1/?coords=113.9609047719607,22.537714359860125&from=3&to=5&ak=你的key 百度经纬度转高德经纬度 高德地图官方文档有详细介绍...
  • 根据经纬度定位百度地图(带图片的)
  • 百度地图--根据经纬度定位

    千次阅读 2015-05-29 20:42:37
    根据经纬度定位 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;meta name="viewport"...
  • iOS 地图定位 经纬度

    2016-03-31 14:44:48
    iOS 获取当前位置 城市 具体街道 经纬度
  • 由于现在的项目有个部分需要给出经纬度然后在地图显示对应的坐标,并打上标记,现在项目比较赶,没有太多时间去研究这个,所以先记录下 //这里的key需要换成自己的  function init(){  var map...
  • 基于C#开发平台,用URL资源实现对特定地图的浏览,查找,以及根据经纬度定位到具体位置,测算距离,查询路线!

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,718
精华内容 7,087
关键字:

地图经纬度定位查询