Map-Punctuation-Tool:地图标点工具：一个能将海量经纬度坐标在地图上标出来的小工具，只有12MB，借用了...
2021-05-04 09:11:45
地图标点工具 Map Punctuation Tool 如果您觉得软件对您有所帮助，点一下右上角的star并推荐给周围的朋友就是对我极大的支持。(●'◡'●) 地图标点工具：一个能将海量经纬度坐标在地图上标出来的小工具，只有12MB，...
收起
HTML
百度地图多浏览器标点实用小工具
2016-12-16 15:22:45
支持多种浏览器的百度地图浏览器标点小工具。可以自行修改图标，自由标点不受个数限制。可以保存到文件，下次使用重新选取文件并加载到地图。非常适合售前人员或者工程项目讲解人员使用。具体使用请参看说明文件夹里...
收起
百度地图js标点实用小工具
2016-12-16 15:13:31
支持多种浏览器的，百度地图浏览器标点小工具。可以自行修改图标，自由标点不受个数限制。可以保存到文件，下次实用重新选取文件并加载到地图。非常适合售前人员或者项目讲解实用。具体实用请参看说明文件夹里的note...
收起

自己收藏的高德地图批量标点获取坐标工具

千次阅读 2020-04-16 11:18:00

直接上代码！！！ <!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>

收起

展开全文

html js html5 javascript

m_map地理地图底图matlab工具包
2020-12-21 12:06:14
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修炼手册】微信公众号吧！！！

收起

展开全文

Axure 交互原型

百度地图标点鼠标样式更改

千次阅读 2019-09-18 08:32:53

需求：修改百度地图红点悬停鼠标样式，有链接的鼠标悬停显示为pointer点击跳转，没有链接的红点悬停后显示鼠标默认样式。分析1：核心对象分析，找到红点对象 API查询红点对象控制鼠标样式的方法百度地图官方...

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

分析1：

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

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

百度地图JS 核心对象：

Map 实例化一个地图
Marker 地图上一个图像标注（控制红点对象）
Icon 标注覆盖物所使用的图标
Label 地图上的文本标注

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

事件	参数	描述
click	event{type, target}	点击标注图标后会触发此事件
dblclick	event{type, target, point,pixel}	双击标注图标后会触发此事件
mousedown	event{type, target, point,pixel}	鼠标在标注图上按下触发此事件
mouseup	event{type, target, point,pixel}	鼠标在标注图上释放触发此事件
mouseout	event{type, target, point,pixel}	鼠标离开标注时触发此事件
mouseover	event{type, target, point,pixel}	当鼠标进入标注图标区域时会触发此事件

分析2：

API方法并没有直接控制鼠标样式的方法
通过mouseover事件控制鼠标样式，尝试直接更改红点的css后无效
分析mouseover的参数，找到当前Marker的dom对象来更改cursor
在百度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";
     });

收起

展开全文

BMap

百度地图标点，信息框，绘画工具，轨迹回放。
2019-10-02 15:30:45
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>百度离线版2.0DEMO<... 6 <...
收起
高德地图路径轨迹起点标点不变_竞品分析之高德地图与百度地图
2020-11-15 02:57:51
1.产品概述产品解读高德地图与百度地图均属地图导航类APP，两家slogan如下：高德：精准地图，旅游出行必备百度：路线规划，出行必备地图导航类APP的核心价值即为用户提供位置及路线服务。笔者认为，位置及路线服务...
收起
百度API实现地图标点并测距
千次阅读 2018-07-01 23:20:50
index.html &lt;!doctype html&gt; &lt;html&...地图标点&lt;/title&gt; &lt;meta http-equiv="content-type" content=&
收起
天地图搜索及获取经纬度工具（含大量注释对于初学很有帮助）
2016-09-24 16:07:40
天地图搜索及获取经纬度工具（含大量注释对于初学很有帮助）
收起
vue 调用高德地图api实现标点和显示窗体
2021-10-21 17:12:44
vue 调用高德地图api实现标点和显示窗体一、前期工作二、引入三、初始化地图，显示多个点标记，点击出现窗体一、前期工作注册高德地图成为开发者创建一个新应用、获取秘钥二、引入找到public index.html文件...
收起
javascript vue.js
调用百度地图api接口并点击marker也就是标点跳转页面
千次阅读 2018-03-14 11:31:46
我公司是一个做安全检测设备系统的公司，需要调用地图接口来展示，并且点击标点进入项目页面，好了，话不多说，上代码<%@page import="java.sql.DriverManager"%><%@ page language=...
收起
Unity小地图插件
2019-03-02 21:58:54
使用该插件可以快速的添加一个Unity小地图来进行游戏的开发
收起
天地图电子地图符号与注记样式
2019-04-23 16:56:47
国家基础地理信息中心初版天地图电子地图符号与注记样式，包含注记分级显示内容、矢量地图符号与注记样式、影像地图符号与注记样式
收起
小程序地图标记小工具
2019-12-05 09:57:52
通过地图标记点位信息，支持8种类型点位，记录点位信息本地存储。使用的小程序内部的腾讯地图，记录信息支持增删查改。
收起
百度地图显示多点连线+数字标注
2019-04-23 01:58:52
NULL 博文链接：https://anlinko.iteye.com/blog/2342649
收起
JumpyDumpty：蹦蹦跳弹-原神小工具箱，热键地图，角色查询-源码
2021-02-19 01:09:26
默认加载米游社的地图，游戏中的标点可同步支持独立地图的热键呼出和隐藏呼出地图窗口后，由于原神从游戏切换到其他窗口最小化，隐藏地图窗口时调用了Windows api的函数重新激活原神窗口，从而实现近似于游戏地图的...
收起
Vue
leaflet js工具类(绘制点、线、面、文本、高亮、地图监听、地图加载)
2018-09-13 10:23:47
leaflet工具类，绘制点、线、面、文本、高亮、地图监听、地图加载、事件机制
收起
高德地图实现绘制覆盖物，自定义右键菜单
2021-02-26 15:07:08
使用高德地图js-api实现绘制圆形、矩形、多边形；右键可删除可自定义菜单；
收起
Vue+Cesium从入门到放弃4：基于Cesium的地图量算工具
千次阅读 2019-12-13 17:27:17
基于Cesium实现的地图量算工具，包括距离量算，面积量算和高度量算。代码已经放到github了，欢迎star,fork！！！
收起
Cesium 面积
leaflet加载离线地图教程以及下载离线地图瓦片工具
千次阅读 2019-12-04 15:16:54
关于源码以及教程侵权请联系作者删除最近在做一个leaflet加载离线地图的东西，结果在网上找到一份相关的教程以及源码现在把教程和源码发出希望可以帮助到更多的人 ...提取码：4ybi ...地图工具我...
收起
高德地图-----鼠标圈选获取标点信息
2021-05-07 08:50:15
准备工作在public中的index.html中初始化地图 <...key=您申请的key值"></script> ...在 .eslintrc.js 中配置AMap和AMapUI ...封装一个全局组件scottMap.vue，用于加载地图封装一个基于sc
收起
web开发如何使用高德地图API（四）通过AMap.Marker自定义标点
2018-07-09 19:23:00
引入高德地图工具包js文件 <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script> 在map中指定的经纬度上描点 //创建一个Marker实例： var markerTemp...
收起
通过输入的地址信息获取经纬度坐标并在arcGIS加载地图中标点
2021-01-04 18:11:42
有一个需要是需要根据用户输入的位置信息，自动转化为经纬度坐标，并在地图中标记出具体位置。使用百度API获取地理位置经纬度信息官网地址：...
收起
java arcgis
员工住址地图标注显示.rar
2019-06-13 15:18:21
公司一般都有通讯和住址的统计，但是文字化的表格根本就不知道住在哪。用百度地图就可以轻松解决，而且公司还经常人员变动... 在遇到需要聚餐在地图中标点时，在文本框中输入地址，多个地址需要用英文逗号“,”分割。
收起
js版地图纠偏
2018-04-25 12:32:04
js 版地图纠偏（适用谷歌、百度、高德）包含与百度地图的标点对比需要申请百度的AK
收起

Map-Punctuation-Tool:地图标点工具：一个能将海量经纬度坐标在地图上标出来的小工具，只有12MB，借用了...

百度地图多浏览器标点实用小工具

百度地图js标点实用小工具

自己收藏的高德地图批量标点获取坐标工具

m_map地理地图底图matlab工具包

百度地图JavaScript简单标点连线

背景

准备工作

开始

结语

地图经纬度描点工具

青铜修炼手册：Axure地图搜索交互

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

百度地图标点鼠标样式更改

百度地图标点，信息框，绘画工具，轨迹回放。

高德地图路径轨迹起点标点不变_竞品分析之高德地图与百度地图

百度API实现地图标点并测距

天地图搜索及获取经纬度工具（含大量注释对于初学很有帮助）

vue 调用高德地图api实现标点和显示窗体

调用百度地图api接口并点击marker也就是标点跳转页面

Unity小地图插件

天地图电子地图符号与注记样式

小程序地图标记小工具

百度地图显示多点连线+数字标注

JumpyDumpty：蹦蹦跳弹-原神小工具箱，热键地图，角色查询-源码

leaflet js工具类(绘制点、线、面、文本、高亮、地图监听、地图加载)

高德地图实现绘制覆盖物，自定义右键菜单

Vue+Cesium从入门到放弃4：基于Cesium的地图量算工具

leaflet加载离线地图教程以及下载离线地图瓦片工具

高德地图-----鼠标圈选获取标点信息

web开发如何使用高德地图API（四）通过AMap.Marker自定义标点

通过输入的地址信息获取经纬度坐标并在arcGIS加载地图中标点

员工住址地图标注显示.rar

js版地图纠偏

地图标点工具

Map-Punctuation-Tool:地图标点工具：一个能将海量经纬度坐标在地图上标出来的小工具，只有12MB，借用了...

百度地图多浏览器标点实用小工具

百度地图js标点实用小工具

自己收藏的高德地图批量标点获取坐标工具

m_map地理地图底图matlab工具包

百度地图JavaScript简单标点连线

背景

准备工作

开始

结语

地图经纬度描点工具

青铜修炼手册：Axure地图搜索交互

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

百度地图标点鼠标样式更改

百度地图标点，信息框，绘画工具，轨迹回放。

高德地图路径轨迹起点标点不变_竞品分析之高德地图与百度地图

百度API实现地图标点并测距

天地图搜索及获取经纬度工具 （含大量注释对于初学很有帮助）

vue 调用高德地图api实现标点和显示窗体

调用百度地图api接口并点击marker也就是标点跳转页面

Unity小地图插件

天地图电子地图符号与注记样式

小程序地图标记小工具

百度地图显示多点连线+数字标注

JumpyDumpty：蹦蹦跳弹-原神小工具箱，热键地图，角色查询-源码

leaflet js工具类(绘制点、线、面、文本、高亮、地图监听、地图加载)

高德地图实现绘制覆盖物，自定义右键菜单

Vue+Cesium从入门到放弃4：基于Cesium的地图量算工具

leaflet加载离线地图教程以及下载离线地图瓦片工具

高德地图-----鼠标圈选获取标点信息

web开发如何使用高德地图API（四）通过AMap.Marker自定义标点

通过输入的地址信息获取经纬度坐标并在arcGIS加载地图中标点

员工住址地图标注显示.rar

js版地图纠偏

地图标点工具

天地图搜索及获取经纬度工具（含大量注释对于初学很有帮助）