精华内容
下载资源
问答
  • 地图标点工具 Map Punctuation Tool 如果您觉得软件对您有所帮助,点一下右上角的star并推荐给周围的朋友就是对我极大的支持。(●'◡'●) 地图标点工具:一个能将海量经纬度坐标在地图上标出来的小工具,只有12MB,...
  • 支持多种浏览器的百度地图浏览器标点工具。可以自行修改图标,自由标点不受个数限制。可以保存到文件,下次使用重新选取文件并加载到地图。非常适合售前人员或者工程项目讲解人员使用。具体使用请参看说明文件夹里...
  • 支持多种浏览器的,百度地图浏览器标点工具。可以自行修改图标,自由标点不受个数限制。可以保存到文件,下次实用重新选取文件并加载到地图。非常适合售前人员或者项目讲解实用。具体实用请参看说明文件夹里的note...
  • 直接上代码!!! <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;...地图经纬度描点工具</title> <!-- <script type="tex...

    直接上代码!!!

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>地图经纬度描点工具</title>
    <!--
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2">deng</script>
    -->
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=9dff644dd853bd6eeebc598847b5683c&plugin=AMap.Autocomplete"></script>

    </head>
    <body>
    <div style="width:80%;height:650px;border:1px solid gray" id="container"></div>

    <div style="right:10px;top:8px;position: absolute;width:18%; height: 650px;border:1px solid gray">
        <p>
            &nbsp;手动:<input id="startBtn" type="button" οnclick="startTool();" value="开启取点工具" />
        </p>

        <p>
            &nbsp;搜索:<input type="input" name="addr"  id="addr" />
            <input type="button" οnclick="getBoundary()" value="搜索" />
        </p>
        

        <hr>
        <p style="padding: 0 5px;">
            <span>经纬度:</span><input type="button" οnclick="map.clearMap();document.getElementById('info').innerHTML = '';points=[];" value="清除" />
            <textarea id="info" style="width:94%;margin:2px;max-height: 980px;min-height: 440px;overflow-y:scroll;" readonly="readonly"></textarea>
        </p>
    </div>

    </body>
    </html>

    展开全文
  • m_map地理地图底图matlab工具
  • 百度地图JavaScript简单标点连线

    千次阅读 2019-02-09 12:01:20
    最近在研究轨迹数据的挖掘,第一步就是把轨迹数据在地图上可视化出来,然后再进行后续的算法研究。从一开始懵懂知道百度地图有免费的 API 可以调用,到后面知道还要上传鹰眼轨迹,最后还要从 Web 端获取上传的鹰眼...

    背景

    最近在研究轨迹数据的挖掘,第一步就是把轨迹数据在地图上可视化出来,然后再进行后续的算法研究。从一开始懵懂知道百度地图有免费的 API 可以调用,到后面知道还要上传鹰眼轨迹,最后还要从 Web 端获取上传的鹰眼轨迹,一路磕磕碰碰,快把我累惨了。
    这里,只是简单地说一下 Web 端使用 JavaScript 简单描述一下如何使用百度地图,后续会对鹰眼轨迹数据上传和鹰眼轨迹数据还原写出详细博客。
    那就开始吧~~


    准备工作

    • 创建应用(浏览器端)

    创建应用网址
    在这里插入图片描述

    • 开发语言:JavaScript
      在这里插入图片描述
    • 开发工具:VSCode
      在这里插入图片描述

    开始

    其实代码不难,有点编程基础的都能看懂百度提供的开发文档。这里我就不再赘述,自己看文档去吧。主要是注意要把自己的AK放在对应接口的参数里面就行。
    在这里插入图片描述

    开发文档

    那么,就直接上代码了~~

    <!DOCTYPE html>
    <html>
    <head>
    	<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,#allmap {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=U12mILhtjTORg01kEEfTvHBcurOtnxfw"></script>
    	<title>地图展示</title>
    </head>
    <body>
    	<div id="allmap"></div>
    </body>
    </html>
    <script type="text/javascript">
    
        //百度地图API功能
        function loadJScript() {
    		var script = document.createElement("script");
    		script.type = "text/javascript";
    		script.src = "http://api.map.baidu.com/api?v=2.0&ak=U12mILhtjTORg01kEEfTvHBcurOtnxfw&callback=init";
    		document.body.appendChild(script);
            // console.log("我是loadJScript"); 
    	}
    
        //HTTP请求
        function get(url,params,callback){
        var request=new XMLHttpRequest();
        request.open("GET",url+'?'+params);
        request.setRequestHeader('content-type', 'application/json'); // 设置 HTTP 头,数据指定为 JSON 
        request.onreadystatechange = function(e) {
          if (this.readyState == 4 && this.status == 200) {
              callback(request.responseText);
            //   console.log("request succeed."+request.responseText);
          }
         }
        request.send(null);
        }
    
    
        //初始化地图
    	function init() {
    
            // console.log("我是init"); 
    
    		var map = new BMap.Map("allmap",{enableMapClick:false,maxZoom:20});            // 创建Map实例
    	    var pointA1 = new BMap.Point(121.334574,31.200171);
    		//先清除所有内容
            map.clearOverlays();              
    		map.enableScrollWheelZoom();                 //启用滚轮放大缩小  
            
    
        //设置折线箭头参数
        var sy = new BMap.Symbol(BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW, {
        scale: 0.5,//图标缩放大小
        strokeColor:'#fff',//设置矢量图标的线填充颜色
        strokeWeight: '2',//设置线宽
        });
        var icons = new BMap.IconSequence(sy, '10', '30');
    
        //坐标转换完之后的回调函数
        translateCallback = function (data){
        //设置地图中心
        map.centerAndZoom(data.points[0],19);
        //创建自定义图标
        var myIcon = new BMap.Icon("C:/VSCode/WorkStation/point3.png", new BMap.Size(16,16));
        //遍历所有的点
        for(var index in data.points)
        {   
            // 创建标注
            var marker2 = new BMap.Marker(data.points[index],{icon:myIcon});  
            // 将标注添加到地图中 
            map.addOverlay(marker2);             
        }
         // 创建polyline对象
            //定义折线
            var polyline = new BMap.Polyline(data.points,
                {
                    enableEditing: false,//是否启用线编辑,默认为false
                    enableClicking: true,//是否响应点击事件,默认为true
                    icons:[icons],
                    strokeWeight:'3',//折线的宽度,以像素为单位
                    strokeOpacity: 0.7,//折线的透明度,取值范围0 - 1
                    strokeColor:"#1296db" //折线颜色
                });
            map.addOverlay(polyline);
        }
    
    
        var PointArr = new Array();
            var point0 = new BMap.Point(121.466600, 31.220800);//创建一个地理点坐标
            var point1 = new BMap.Point(121.470000, 31.221600);//创建一个地理点坐标
            var point2 = new BMap.Point(121.468300, 31.222000);//创建一个地理点坐标
            var point3 = new BMap.Point(121.483300, 31.235000);//创建一个地理点坐标
            var point4 = new BMap.Point(121.482600, 31.237100);//创建一个地理点坐标
            var point5 = new BMap.Point(121.482300, 31.238500);//创建一个地理点坐标
            var point6 = new BMap.Point(121.478100, 31.242300);//创建一个地理点坐标    
     
            PointArr.push(point0);
            PointArr.push(point1);
            PointArr.push(point2);
            PointArr.push(point3);
            PointArr.push(point4);
            PointArr.push(point5);
            PointArr.push(point6);
            //转化为百度地图的坐标
            var convertor = new BMap.Convertor();
            convertor.translate(PointArr,1,5,translateCallback);
        }  
    	window.onload = loadJScript;  //异步加载地图
    
    
    </script>
    
    

    效果图:

    在这里插入图片描述


    结语

    一路兜兜转转最后还是回到了百度地图,一开始从百度地图(主要是不知道有鹰眼轨迹这个东西),觉得百度地图好捞啊,然后想着自己组建个地图吧,然后去下载ArcGIS,然后再下载OpenTreeMap把对应区域的地图都弄好了,然后我发现,…em…我该怎么再自己组建的地图编程呢?
    最后自己就掉进坑里面了,我又想着百度地图应该还是挺好用的吧,我看那么多的博客都用的是百度地图,又辗转回百度地图的开发文档,仔细查看每一个功能。em…原来还有鹰眼轨迹管理平台这个东西…算了,还是回转回百度地图吧…

    这个故事告诉我们,科研的道路很孤单~~~

    展开全文
  • 地图经纬度描点工具

    2016-02-19 13:32:56
    地图上描点 获取经纬度。 超级方便!
  • 青铜修炼手册:Axure地图搜索交互

    千次阅读 2018-12-21 00:03:16
    4.选择map样式后,该组件会在加载完成即展示为map样式,并且我们可以双击内联框架,将其外部链接设置为百度地图的位置,我们可以先查看一下效果 5. 将文本框命名为location-TF,然后将其设置为搜索框样式 6...

    实现步骤:

    1.先按下图把元件都放好

    2.然后将该内联框架组件设置为:不需要滚动,以及无边框

    3.将该组件默认显示为map样式

    4.选择map样式后,该组件会在加载完成即展示为map样式,并且我们可以双击内联框架,将其外部链接设置为百度地图的位置,我们可以先查看一下效果

    5. 将文本框命名为location-TF,然后将其设置为搜索框样式

    6.通过在百度地图搜索地方,我们可以得到一条链接,如下方搜索【上海】

    7.基于上一步,我们找到了百度地图URL地址中的参数位置,现在,我们只要把location-TF中的内容,在点击查询后,给到内联框架就可以了。

    我们对查询按钮赋予如下事件,使得查询按钮在【鼠标点击】时,打开内联框架的链接。由于打开的链接是来自百度的,因此我们要选择打开外部链接

    8.然后点击右下角的函数fx,设置变量,在打开的窗口中,我们需要设置个局部变量,使其的值等于文本框location-TF中键入的内容:

     9.然后在上面的文本框中,贴出百度地图-上海市地图的URL地址:

    在贴入后,我们发现上海市不见了,这是因为对中文字转码的影响,没关系,我们对比下原来的URL地址(图2),对比出转码部分即可:

     10.通过对比:3D后面的这部分,就是被转码的上海市,我们删掉3D后面的内容,然后点击插入局部变量,将变量【LVAR1】插入进去即可:

    11.完成,点击浏览一下

    原型查看效果地址:https://fx7nnd.axshare.com

     原型RP文件下载地址:https://download.csdn.net/download/qq_27884377/10865914

                             想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

     

    展开全文
  • 百度地图标点鼠标样式更改

    千次阅读 2019-09-18 08:32:53
    需求:修改百度地图红点悬停鼠标样式,有链接的鼠标悬停显示为pointer点击跳转,没有链接的红点悬停后显示鼠标默认样式。 分析1: 核心对象分析,找到红点对象 API查询红点对象控制鼠标样式的方法 百度地图官方...

    需求:修改百度地图红点悬停鼠标样式,有链接的鼠标悬停显示为pointer点击跳转,没有链接的红点悬停后显示鼠标默认样式。

    分析1:

    1. 核心对象分析,找到红点对象
    2. API查询红点对象控制鼠标样式的方法

    百度地图官方JSAIP2.0 http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b2

    百度地图JS 核心对象:

    1. Map 实例化一个地图
    2. Marker  地图上一个图像标注(控制红点对象)
    3. Icon  标注覆盖物所使用的图标
    4. Label  地图上的文本标注

    API方法查找与鼠标相关的方法:

    事件参数描述
    clickevent{type, target}点击标注图标后会触发此事件
    dblclickevent{type, target, point,pixel}双击标注图标后会触发此事件
    mousedownevent{type, target, point,pixel}鼠标在标注图上按下触发此事件
    mouseupevent{type, target, point,pixel}鼠标在标注图上释放触发此事件
    mouseoutevent{type, target, point,pixel}鼠标离开标注时触发此事件
    mouseoverevent{type, target, point,pixel}当鼠标进入标注图标区域时会触发此事件

    分析2:

    1. API方法并没有直接控制鼠标样式的方法
    2. 通过mouseover事件控制鼠标样式,尝试直接更改红点的css后无效
    3. 分析mouseover的参数,找到当前Marker的dom对象来更改cursor
    4. 在百度AIP示例中测试修改http://lbsyun.baidu.com/jsdemo.htm#c2_4

    默认百度地图该实例红点鼠标悬停为小手(pointer)样式,添加mouseover事件,找到红点dom对象控制其css

    查看mouseover事件的参数,F12后查看找到红点dom对象的style,尝试后找到为止为type.currentTarget.V.style。

    最终解决代码:

    marker.addEventListener("mouseover", function(type, target, point,pixel){  
            //console.log(type);
         	type.currentTarget.V.style.cursor ="default";
         });

     

    展开全文
  • 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>百度离线版2.0DEMO<... 6 <...
  • 1.产品概述产品解读高德地图与百度地图均属地图导航类APP,两家slogan如下: 高德:精准地图,旅游出行必备百度:路线规划,出行必备 地图导航类APP的核心价值即为用户提供位置及路线服务。笔者认为,位置及路线服务...
  • 百度API实现地图标点并测距

    千次阅读 2018-07-01 23:20:50
    index.html &amp;lt;!doctype html&amp;gt; &amp;lt;html&...地图标点&amp;lt;/title&amp;gt; &amp;lt;meta http-equiv=&quot;content-type&quot; content=&
  • 地图搜索及获取经纬度工具 (含大量注释对于初学很有帮助)
  • vue 调用高德地图api实现标点和显示窗体一、前期工作二、引入三、初始化地图,显示多个点标记,点击出现窗体 一、前期工作 注册高德地图成为开发者 创建一个新应用、获取秘钥 二、引入 找到public index.html文件...
  • 我公司是一个做安全检测设备系统的公司,需要调用地图接口来展示,并且点击标点进入项目页面,好了,话不多说,上代码&lt;%@page import="java.sql.DriverManager"%&gt;&lt;%@ page language=...
  • Unity小地图插件

    2019-03-02 21:58:54
    使用该插件可以快速的添加一个Unity小地图来进行游戏的开发
  • 国家基础地理信息中心初版天地图电子地图符号与注记样式,包含注记分级显示内容、矢量地图符号与注记样式、影像地图符号与注记样式
  • 通过地图标记点位信息,支持8种类型点位,记录点位信息本地存储。使用的小程序内部的腾讯地图,记录信息支持增删查改。
  • NULL 博文链接:https://anlinko.iteye.com/blog/2342649
  • 默认加载米游社的地图,游戏中的标点可同步支持独立地图的热键呼出和隐藏 呼出地图窗口后,由于原神从游戏切换到其他窗口最小化,隐藏地图窗口时调用了Windows api的函数重新激活原神窗口,从而实现近似于游戏地图的...
  • leaflet工具类,绘制点、线、面、文本、高亮、地图监听、地图加载、事件机制
  • 使用高德地图js-api实现绘制圆形、矩形、多边形;右键可删除可自定义菜单;
  • 基于Cesium实现的地图量算工具,包括距离量算,面积量算和高度量算。 代码已经放到github了,欢迎star,fork!!!
  • 关于源码以及教程侵权请联系作者删除 最近在做一个leaflet加载离线地图的东西,结果在网上找到一份相关的教程以及源码 现在把教程和源码发出希望可以帮助到更多的人 ...提取码:4ybi ...地图工具 我...
  • 准备工作 在public中的index.html中初始化地图 <...key=您申请的key值"></script> ...在 .eslintrc.js 中配置AMap和AMapUI ...封装一个全局组件scottMap.vue,用于加载地图 封装一个基于sc
  • 引入高德地图工具包js文件 <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>   在map中指定的经纬度上描点 //创建一个Marker实例: var markerTemp...
  • 有一个需要是需要根据用户输入的位置信息,自动转化为经纬度坐标,并在地图中标记出具体位置。 使用百度API获取地理位置经纬度信息 官网地址:...
  • 公司一般都有通讯和住址的统计,但是文字化的表格根本就不知道住在哪。 用百度地图就可以轻松解决, 而且公司还经常人员变动... 在遇到需要聚餐在地图标点时,在文本框中输入地址,多个地址需要用英文逗号“,”分割。
  • js版地图纠偏

    2018-04-25 12:32:04
    js 版地图纠偏(适用谷歌、百度、高德) 包含与百度地图标点对比 需要申请百度的AK

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,123
精华内容 849
关键字:

地图标点工具