精华内容
下载资源
问答
  • 用Matlab将坐标添加地图上

    万次阅读 多人点赞 2018-09-15 20:51:03
    用Matlab将坐标添加地图上 今年本科组全国大学生数学建模国赛我没有参加,闲着无聊帮助研究生学姐做竞赛,她让我用matlab将坐标添加地图上。我的思路是:先画个地图地图可以是matlab自带的函数coast或者是...

                                     用Matlab将坐标添加到地图上

    今年本科组全国大学生数学建模国赛我没有参加,闲着无聊帮助研究生学姐做竞赛,她让我用matlab将坐标添加到地图上。我的思路是:先画个地图(地图可以是matlab自带的函数coast或者是导入一张地图图片)然后添加坐标信息。

    以下是我给了三种作图方式,从简单到难,仅供参考。

    源码数据下载地址:点击文字

    小编邮箱:2377389590@qq.com

    代码1:

    clear all;
    close all;
    clc;
    %author:猪猪侠
    %date:2018-09-15
    load coast;
    [Num,Txt,Raw]=xlsread('data1.xlsx')  %经纬度数据
    axesm mercator
    plotm(lat,long,'k-');
    hold on
    plotm(Num(:,1),Num(:,2),'r.')
    

    代码2

    %author:猪猪侠
    %date:2018-09-15
    clc;
    clear all; 
    close all;
    [Num,Txt,Raw]=xlsread('data1.xlsx');%文件存储地址
    hold on
    axesm('MapProjection','miller','Grid','on');
    load coast;%加载海岸线
    plotm(lat,long,'k-');%绘制地图海岸线
    set(gcf,'Position',[100,10,450,250]);
    set(gcf,'PaperPositionMode','auto');
    mlabel('MLabelLocation',60);%标上经度刻度标签,每隔60度
    plabel('PLabelLocation',30);%标上纬度刻度标签,每隔30度
    setm(gca,'MLabelParallel','south');%将经度刻度标签放在南方,即下部
    set(gca, 'xlim', [-4 4]);%设置画布大小的横长
    set(gca, 'ylim', [-2.5 2.5]);%设置画布大小纵长
    plotm(Num(:,1),Num(:,2),'r.')
    

    代码3:

    clc
    clear
    %author:猪猪侠
    %date:2018-09-15
    [Num,Txt,Raw]=xlsread('data1.xlsx');%导入坐标点信息
    ax = worldmap('World');%世界地图
    setm(ax, 'Origin', [0 180 0]) %设置地图的中心位置和绕中心点和地心点的轴旋转角度[latitude longitude orientation]
    land = shaperead('landareas', 'UseGeoCoords', true);%加载陆地信息
    geoshow(ax, land, 'FaceColor', [0.5 0.7 0])%显示陆地,颜色为 [R,G B]
    lakes = shaperead('worldlakes', 'UseGeoCoords', true); %加载湖泊信息
    geoshow(lakes, 'FaceColor', 'blue') %显示湖泊颜色blue
    rivers = shaperead('worldrivers', 'UseGeoCoords', true); %加载河流信息
    geoshow(rivers, 'Color', 'b')  %显示江河,颜色为blue
    % setm(gca,'MLabelParallel','south');%将经度刻度标签放在南方,即下部  
    hold on
    plotm(Num(:,1),Num(:,2),'r.')
    

     

     


     

    展开全文
  • 找了很久都没找到现成的简单的例子 就想把自己的位置显示在百度地图上连个DEMO都木有 好吧自己来
  • 准备工作 ... ... ... 为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」 ... 记住这个Key,等会要用,以后可能也会用,一定要记住。...新建一个DIV,作为地图的容器(这一步和使用其他插件一样,必...

     

    准备工作

       注册Key

    1. 首先,注册开发者账号,成为高德开放平台开发者

    2. 登陆之后,在进入「应用管理」 页面「创建新应用」

    3. 为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」

    4. 记住这个Key,等会要用,以后可能也会用,一定要记住。 

     

     页面上的准备

    1. 新建一个DIV,作为地图的容器(这一步和使用其他插件一样,必须新建一个挂载点)。
    2. 给这个新建的div设置好宽高(这里提醒一下,可以使用弹性布局,没有影响)。
    3. 在body后面引入高德地图的js。
    4. 最后,异步初始化高德地图插件,一定要异步,使用window.onLoad。(去获取标记点的经纬度)

        【注】 高德地图Api入门指南 

    <!-- 二、设置宽和高-->
    <head>
        <style>
    	    #container{
    		    width: 500px;
    		    height: 500px;
    	    }
        </style>
    </head>
    
    <body>
        <!-- 一、新建一个容器 -->
        <div id="container" ></div>
    </body>
    
    <!--三、引入高德地图的js-->
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=您申请的key值"></script>
    
    <!--四、异步初始化高德地图插件-->
    <script>
    	//初始化地图插件
    	window.onload = function(){
    	    var map = new AMap.Map("container", {
                zoom: 15, //设置地图显示的缩放级别
                center: [116.44927, 39.9584] //设置地图中心点坐标
             });
    
             // 创建一个 Marker 实例:(标记点)
            var marker = new AMap.Marker({
               position: new AMap.LngLat(116.44927, 39.9584), // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
               title: "位置标题"
            });
    
           // 将创建的点标记添加到已有的地图实例:
           map.add(marker);
    	}
    </script>

     

    好了,现在你的页面上已经出现了高德地图

    展开全文
  • 在上一篇文章中我们学习了如何创建一个简单的地图,那接下来,我们学习如何给创建好的地图上添加一些基本的空间,最终效果如下图所示:  由图可以看出,我们在地图上添加了主页、定位、鹰眼图以及比例尺控件,...

          在上一篇文章中我们学习了如何创建一个简单的地图,那接下来,我们学习如何给创建好的地图上添加一些基本的空间,最终效果如下图所示:

          由上图可以看出,我们在地图上添加了主页、定位、鹰眼图以及比例尺控件,下面将详细介绍如何添加:

    1 主页按钮的添加

    添加主页按钮的前提是我们要创建一个存放主页按钮的div标签,并设置它的样式,比如位置、大小等:

    <div id="map">
        <div id="HomeButton"></div>
    </div>

    主页按钮的样式:

    #HomeButton{
        position: absolute;
        top: 95px;
        left: 20px;
        z-index: 50;
    }

    创建好存放的容器以及设置好容器的样式之后,我们通过“esri/dijit/HomeButton”这个模块来创建我们的主页按钮,这里面需要将存放主页按钮容器的id属性值传给构造函数,实例化一个主页按钮控件:

    展开全文
  • 地图上添加删除坐标点

    千次阅读 2018-03-06 14:17:43
    1,在js中var sign = 1;...jQuery(document).ready(function () { //初始化地图对象 map = new TMap("mapDiv"); var p = new TLngLat(CenterCo.split('|')[0], CenterCo.split('|')[1]);//地...

    1,在js中

    var sign = 1;

    var map, control, zoom = 12;
    jQuery(document).ready(function () {
        //初始化地图对象
        map = new TMap("mapDiv");
        var p = new TLngLat(CenterCo.split('|')[0], CenterCo.split('|')[1]);//地图的中心点


        //    //设置显示地图的中心点和级别

        map.centerAndZoom(p, zoom);

      //创建缩放平移控件对象

        control = new TNavigationControl(config);
        //添加缩放平移控件
        map.addControl(control);

        map.enableHandleMouseScroll();

       AddPoint();//添加坐标点

    })

    var listMap;
    function AddPoint() {
        sign = 1;
        map.clearOverLays();
        $.ajax({
            url: "../Map/GetMapPoint",
            type: "post",
            dataType: "json",
            data:{Where:""},
            async: false, //是否异步
            success: function (data) {
                if (data.success == "false") {
                    if (data.Msg != "")
                        alert(data.Msg);
                    else
                        alert("加载设备位置信息出错");
                }
                else {
                    if (data.Msg != "") {
                        var dataObj = eval("(" + data.Msg + ")"); //
                        $.each(dataObj.data, function (idx, item) {
                            var newPoint = new TLngLat(item.Y, item.X);
                            addMarker(item.Y, item.X, 0, sign.toString() + ".png", item.WellLidName, item.Address, item.Type, item.DeviceState, item.Monitor, item.WellType);
                            sign++;
                        })
                        //                    var newPoint = new BMap.Point(116.409, 39.919);
                        //                    addMarker(newPoint, 0, "1.png");


                    }
                }
            }
        });

    }

    var LayerC = "";
    var LayerO = "";
    function addMarker(Y, X, index, imageName, welllidName, address,type,DeviceState,Monitor, WellType) {
        var point = new TLngLat(Y, X);
        var marker1;
        var icon = new TIcon("../images/OrangeLoc.gif", new TSize(25, 35), { anchor: new TPixel(9, 27) });
        marker1.setZIndex(999999999999999999999);//设置显示的顺序
        marker1 = new TMarker(point, { icon: icon });

         marker1.Type = 1000;
         //移入事件
         var listener = TEvent.bind(marker1, "mouseover", marker1, function () {
         //  alert("鼠标进入事件");
        var infoWin = marker1.openInfoWinHtml(address);//地址
        });

        //移出事件

         var mapc = TEvent.bind(marker1, "mouseout", marker1, function () {
          //alert("鼠标离开");
          var infoWin = marker1.openInfoWinHtml(address);
          map.removeOverLay(infoWin);
         });
        map.addOverLay(marker1); 

    }


      //删除覆盖物

    function removeMarkets(){

                var lays = map.getOverlays();//获取地图上所有的覆盖物
                 var s = 0;
                 for (var i =lays.length-1 ; i >= 0; i--) { //倒序删除避免长度发生变化
                       if (lays[i].Type = 1000) {   //根据地图上覆盖物的类型删除
                          map.removeOverLay(lays[i]); //从地图上移除。
                        //        s++;
                          }

                        }

    }


    展开全文
  • 百度地图在固定位置添加图片

    千次阅读 2018-12-19 13:31:41
    添加/删除地面叠加层 <div id="allmap"></div> ();" value="添加" /> ();" value="删除" /> var TianAnMen = new BMap.Point(116.404449, 39.914889); // 创建Map实例 var map = new BMap.Map("all...
  • //先右击开启可以收集的功能,然后双击地图添加经纬度到数组,添加到10个关闭收集功能 function takePoints(done) { var points = []; var isActionDblclick = false; //是否触发过双击 function lister() { /...
  • android 百度地图定位当前位置及POI搜索(源码)

    千次下载 热门讨论 2015-01-11 01:59:25
    它是android使用V2_4_1版本显示百度地图,同时搜索城市定位到该城市地图,输入关键字能显示POI感兴趣的内容,并添加覆盖物标注出来,如KTV或北京的大学。同时包括定位当前位置,通过LocSDK中函数实现,免费资源希望...
  • https://blog.csdn.net/u014132947/article/details/80277622
  • ArcGIS 在地图上添加标注

    千次阅读 2017-09-22 09:21:50
    //把图层添加地图上 MyMap.addLayer(graphicLayer); //设置标注的经纬度 //方法一 var pt = new esri.geometry.Point(118.0605760000, 36.8424320000, MyMap.spatialReference); //方法二 // var pt = ...
  • echarts地图上添加canvas动画

    千次阅读 2019-12-24 11:16:08
    最近做的一个项目需要做出地图上有光柱,点击地图选中区域变色若有光柱则切换光柱为坐标并上下浮动,研究了一久最后决定使用echarts来做地图,光柱则使用canvas添加在图层上方 div层为echarts地图图层 在下面两个canvas...
  • ECharts如何自定义省、市、县区地图(各省市直辖区的map地图),ECharts如何在地图上自定义图片、图标,根据经纬度显示自定义建筑图片、添加自定义覆盖物 前言 最近在做一个项目中,需求是:要显示中国某个省份下...
  • 高德地图上添加marker,给每个marker添加点击事件。 高德地图上添加marker,给每个marker添加点击事件。 var watch = [] $.ajax({ type: 'GET', dataType: 'jsonp', url: url + '你的url地址', error: ...
  • 2. 添加地图 3. 地图打点 4. 个性化地图 4.1 申请开通个性化地图能力 4.2 添加小程序个性地图 4.3 自定义地图 1.摘要 1.1 开发工具 微信开发者工具、sublime、git 1.2 开发框架 wepy2.0 1.3 版本号 微信...
  • 参考资料:http://gallery.echartsjs.com/editor.html?c=xHJxewNZdWangluar 封装的 Echarts,基本是按照这个思路写的
  • 高德地图添加Marker后返回当前位置

    千次阅读 2016-09-10 17:29:42
    我是用在poi搜索后要把数据添加地图上。只贴部分代码。@Override public void onPoiSearched(PoiResult result, int errorCode) { if (errorCode == 1000) {//成功 Log.d(TAG, "onPoiSearched: ");
  • 1.首先要引入自己的ak   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxx"></script>...2.在html中写出地图的挂载点   <div id="sitePersonMap"...
  • iOS-高德地图点击地图获取点击点对应的地理位置,并添加自定义的大头针
  • 百度地图上自定义添加一个标注

    千次阅读 2016-04-19 16:32:24
    添加标注
  • Android百度地图自定义添加Marker点

    千次阅读 2018-04-26 09:26:52
    1.循环往地图上添加Marker点 2.用Bundle保存每个点的信息,这个实体类需要序列化 继承Serializable 并给一个常量serialVersionUIDprivate static final long serialVersionUID = 8633299996744734593L; 3....
  • 百度地图API (1):往地图添加标注点

    万次阅读 多人点赞 2016-09-11 11:50:59
    1.实现功能:通过给定的坐标点,往地图添加标注点,点击标注点,显示改点的详细...//新建三个地图上点 var points = [ {"lng":112.58,"lat":26.89,"url":"http://www.baidu.com","id":1,"name":"p1"}, {"lng":112.5
  • GIS(一)——在js版搜索地图上添加Marker标记

    万次阅读 热门讨论 2014-08-26 22:48:08
    由于我们做的是有关于旅游方面的项目,所以涉及到了地图功能。我接到的其中一个任务就是,在... 在地图上添加标记是地图的一个基本功能。这个标记叫做Marker。可以从这里看官网对于Marker类的介绍。  实现的基本步
  • (百度地图)WebSocket地图实时更新位置

    千次阅读 2017-09-29 12:58:08
    问题描述今天在公司的平台业务有一个功能需求:要求实时显示设备的地理位置地图上,设备可能是一台汽车,而我们使用的地图是百度地图API,这样难免会涉及到实时更新位置的问题,又由于是web,http不是一个持续型的...
  • 高德地图怎么添加公司地址标注

    千次阅读 2019-10-24 15:29:37
    有时候我们在使用高德地图的时候,想添加公司地址标注,怎么添加呢,下面来分享一下方法  工具/原料  高德地图  添加公司地址标注  方法/步骤  第一步打开高德地图,点击路线,如下图所示:  第二步进去路线...
  • H5使用百度地图SDK获取用户当前位置并且标记显示在地图,点击该标记弹出一层自定义的HTML。 效果图: 代码: <!DOCTYPE html> <html> <head> <meta ...
  • 地图添加覆盖物

    千次阅读 2018-08-22 00:13:05
    接着一篇继续来学习天地图 Android SDK ,地图开发中除了常见的定位需求,还有就是覆盖物的添加,比如最近的项目是有关风险管控的,在地图上就要显示对应的风险点,下面的今天的内容: 单个覆盖物 多个覆盖物 ...
  • 百度地图显示当前位置位置信息

    千次阅读 2018-07-31 10:52:13
    网页中一般都有关于我们这个模块,关于我们中调用百度地图API做的公司地址及信息展示。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset=...
  • 1. 中间的蓝点是自己的位置 2.黄色的图标是点击的位置 3.上面TextView显示的是黄色图片的坐标 下面是代码: MainActivity public class MainActivity extends AppCompatActivity implements Ge
  • html页面 <template> <el-form> <el-row :gutter="24"> <el-col :span="12"> <...el-form-item label="位置经度" prop="lng"> <el-input v-model="model.lng
  • 这篇文章主要是对百度地图进行定位当前的位置,同时在当前位置设置圆形覆盖物,后面会实现附近餐馆查找功能。文章比较基础,包括申请API Key、配置环境、官方文档介绍、使用BDLocationListener实现定位监听方法等,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 75,560
精华内容 30,224
关键字:

地图上如何添加位置