Echart 如何在现有的地图上,加点(利用地理座标)

各位早安

我以Echart做了中国地图,目前功能是可以显示各省的总销量

我想实现,比如某一省,在某个坐标(经伟度)上的店舖的所在地
一般会设所有的位置
geoCoordMap = {"北京库":[116.53,40.16],"成都库":[103.95,30.56],……

某一店舖的值
var data = [{name:"北京库",value:199900},{name:"成都库DC",value:133693}……

我希望在不改变这张图的基础上(维持现在的色及格式),加入上面的讯息。
用圆圈之类的 , 请问我js的语法要怎么写呢
无论值大小,圆圈大小一样就可以了
图片说明
图片说明
附上图二,中国地图的语法
<!DOCTYPE html>




ECharts




#china-map {width:1000px; height: 700px;margin: auto;}

    <div id="china-map"></div>

    <script>
        var myChart = echarts.init(document.getElementById('china-map'));
     function randomData() {
return Math.round(Math.random()*1000);

}

option = {
title: {
text: '省份销量额',
subtext: '-',
left: 'center'
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left',
data:['销售额']
},
visualMap: {
min: 0,
max: 1000000,
left: 'left',
top: 'bottom',
text: ['高','低'], // 文本,默认为数值文本
calculable: true
},
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
dataView: {readOnly: false},
restore: {},
saveAsImage: {}
}
},
series: [

    {
        name: 'iphone5',
        type: 'map',
        mapType: 'china',
        label: {
            normal: {
                show: true
            },
            emphasis: {
                show: true
            }
        },
        data:[{name:"广东",value:426661},{name:"江苏",value:230421},{name:"浙江",value:220367},{name:"北京",value:202471},{name:"上海",value:163766},{name:"四川",value:163676},{name:"山东",value:148341},{name:"河南",value:120000},{name:"湖北",value:114175},{name:"福建",value:101498},{name:"辽宁",value:95904},{name:"湖南",value:93790},{name:"河北",value:91469},{name:"重庆",value:89959},{name:"安徽",value:80801},{name:"陕西",value:78940},{name:"云南",value:63423},{name:"广西",value:62782},{name:"黑龙江",value:58703},{name:"江西",value:58093},{name:"天津",value:56108},{name:"吉林",value:50502},{name:"贵州",value:47750},{name:"山西",value:46641},{name:"新疆",value:44705},{name:"内蒙古",value:41472},{name:"甘肃",value:28612},{name:"海南",value:24648},{name:"宁夏",value:13047},{name:"青海",value:9576},{name:"西藏",value:5352},{name:"香港",value:467},{name:"台湾",value:139} ]
    }
]

};

        myChart.setOption(option);
        myChart.on('mouseover', function (params) {
            var dataIndex = params.dataIndex;
            console.log(params);
        });
    </script>

</body>

0

2个回答

var geoCoordMap = {
"XXXX":[119.16,33.95],
"YYYY":[119.50,32.08],
};

var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
'name': data[i].name,
'value': geoCoord.concat(data[i].value).concat(data[i].add)
});
}
}
return res;
};
在series中加入
{
name: '植物种质库',
type: 'scatter',
coordinateSystem: 'geo',
data: convertData([
{name:"XXXX",value:3,add:3213},
{name:"YYYY",value:3,add:3213}
]),
symbolSize: 4,
itemStyle : {

                normal : {
                    color:'#27EA16',
                    borderColor : '#27EA16',
                    borderWidth : 1.5,
                },

            }

    }
0
sh601431194
sh601431194 回复weixin_40187983:只要 data: convertData({.....});使用到的时候可以调到就行,很久以前写的练习了,可能比较乱,你凑合着看吧
一年多之前 回复
weixin_40187983
weixin_40187983 你好!我刚刚试了,var geoCo到return res; };是贴在那个位置呢!可以请你把完整的html贴给我吗? 谢谢
一年多之前 回复

$.get('common/echart/jiangsu.json', function(jcJson) {
echarts.registerMap('江苏', jcJson);
var myChart = echarts.init(document.getElementById('jiangsu'));
/* myChart.showLoading({
text:'正在加载'
}); */
var geoCoordMap = {

//植物
"紫菜种质资源库":[119.16,33.95], 
 "药用植物种质资源圃":[119.50,32.08], 
"球根花卉种质资源库":[118.16,34.22],
"枇杷、杨梅种质资源圃":[119.23,34.28], 
"板栗种质资源圃":[119.48,31.43], 
"银杏种质资源圃":[119.56,31.74], 
"杨树种质资源圃":[121.26,32.30],
"农业种质资源中期库":[118.665821,31.875428],
"果树种质圃":[119.94,32.76],
 "柳树种质资源圃":[118.44,33.64],
 "茶树种质资源圃":[120.95,31.39],
 "草坪草种质资源库":[120.63,31.16],

"道地中药资源标准物质及指纹图谱库":[119.87,33.74],
//动物
"罗氏沼虾种质资源库":[118.43,32.95],
"优质特色家蚕种质资源库":[119.76,32.08],
"苏钟猪保种场":[116.85,34.56],
"山区水牛保种场":[118.53,34.36],
"河豚鱼种质资源库":[119.86,31.43],
"重要经济鱼类低温种质库":[119.56,32.44],
"翘嘴红鲌种质资源库":[121.70,31.80],
"龟鳖种质资源库":[118.96,31.36],
"斑点叉尾鮰种质资源库":[120.12,33.88],
"海水养殖甲壳类种质资源库":[118.90,34.51],
};

var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
'name': data[i].name,
'value': geoCoord.concat(data[i].value).concat(data[i].add)
});
}
}
return res;
};

option = {

 title: {
    text: '库圃分布',
    x:'80%',
    y:'15%',
    textStyle: {
       color: '#14c8d4',
        fontSize:'16'
    }
}, 

color : [ 'rgba(255, 255, 255, 0.8)', 'rgba(14, 241, 242, 0.8)',
                'rgba(37, 140, 249, 0.8)' ],
 tooltip: {
    /*trigger: 'item',
     formatter: function (params) {
        return params.data.name + ' :<br/> ' +'库圃数量:'+ params.value+'<br/>保存种质数:'+params.data.cp+'<br/>新增种质数:'+params.data.add;
    } 
     formatter:'库圃数量:{c}<br/>+{c1}' */
}, 
legend: {
    orient: 'vertical',
    y: '75%',
    x:'8%',
    itemWidth:10,
    itemHeight:6,
    data:['市级','植物种质库','动物种质库'],
    textStyle: {
        color: '#fff'
    }
},
/* visualMap: {
    min: 0,
    max: 5,
    calculable: true,
    inRange: {
        color: ['#50a3ba', '#eac736', '#d94e5d']
    },
    textStyle: {
        color: '#fff'
    }
}, */
geo: {
    map: '江苏',
    top:'13.8%',
    left:'13%',
    label: {
        emphasis: {
            show: false
        }
    },
    itemStyle: {
        normal: {
            areaColor: '#256081',
            borderColor: '#111'
        },
        emphasis: {
            areaColor: '#323c48'
        } 
    }
},
 series: [
    {
        name: '市级',
        type: 'map',
        map:"江苏",
        top:'12%',
        /* coordinateSystem: 'geo', */

        data : [{name: '南通市', value:2,cp:13433,add:3213},
                {name: '淮安市', value: '5',cp:13433,add:3213},
                {name: '宿迁市', value: '2',cp:13433,add:3213},
                {name: '徐州市', value: '3',cp:13433,add:3213},
                {name: '连云港市', value: '2',cp:13433,add:3213},
                {name: '盐城市', value: '5',cp:13433,add:3213},
                {name: '泰州市', value: '7',cp:13433,add:3213},
                {name: '扬州市', value: '1',cp:13433,add:3213},
                {name: '镇江市', value: '4',cp:13433,add:3213},
                {name: '常州市', value: '2',cp:13433,add:3213},
                {name: '无锡市', value: '2',cp:13433,add:3213},
                {name: '南京市', value: '1',cp:13433,add:3213},
                {name: '苏州市', value: '3',cp:13433,add:3213}     
                ],
        symbolSize: 18,
         tooltip: {
    trigger: 'item',
     formatter: function (params) {
        return params.data.name + ' :<br/> ' +'库圃数量:'+ params.value+'<br/>保存种质数:'+params.data.cp+'<br/>新增种质数:'+params.data.add;
    } 

}, 
       itemStyle : {
                normal : {
                    borderColor : '#72bfea',
                    borderWidth : 2,
                    areaColor : "#0f1b3e",//区域颜色
                    color:'#58c8fc'
                },
                emphasis : {
                    areaColor : "#377498",//区域颜色
                }
            },
            label : {
                normal : {
                    formatter : '{b}',
                    position : 'right',
                    show : true,
                    color : '#fff',
                },
                emphasis : {
                    color : '#eca803',
                }
            } 
            },
            {
        name: '植物种质库',
        type: 'scatter',
        coordinateSystem: 'geo',
        data: convertData([
                {name:"紫菜种质资源库",value:3,add:3213},
                {name:"药用植物种质资源圃",value:3,add:3213},
                {name:"球根花卉种质资源库",value:3,add:3213},
                {name:"枇杷、杨梅种质资源圃",value:1230,add:3213},
                {name:"板栗种质资源圃",value:1123,add:3213},
                {name:"银杏种质资源圃",value:213123,add:3213},
                {name:"杨树种质资源圃",value:3123,add:3213},
                {name:"农业种质资源中期库",value:3213,add:3213},
                {name:"果树种质圃",value:3,add:3213},
                {name:"柳树种质资源圃",value:3123,add:3213},
                {name:"茶树种质资源圃",value:1232,add:3213},
                {name:"草坪草种质资源库",value:3321,add:3213},
                {name:"道地中药资源标准物质及指纹图谱库",value:1232,add:3213}
        ]),
        symbolSize: 4,
         tooltip: {
    trigger: 'item',
     formatter: function (params) {
        return params.data.name +  '('+params.value[0]+','+params.value[1]+')<br/>保存种质数:'+params.value[2]+'<br/>新增种质数:'+params.value[3];
    } 
}, 
       itemStyle : {

                normal : {
                    color:'#27EA16',
                    borderColor : '#27EA16',
                    borderWidth : 1.5,
                },

            },

    },{
        name: '动物种质库',
        type: 'scatter',
        coordinateSystem: 'geo',
        data: convertData([
                {name:"罗氏沼虾种质资源库",value:3,add:3213},
                {name:"优质特色家蚕种质资源库",value:3,add:3213},
                {name:"苏钟猪保种场",value:3,add:3213},
                {name:"山区水牛保种场",value:1230,add:3213},
                {name:"河豚鱼种质资源库",value:1123,add:3213},
                {name:"重要经济鱼类低温种质库",value:213123,add:3213},
                {name:"翘嘴红鲌种质资源库",value:3123,add:3213},
                {name:"龟鳖种质资源库",value:3213,add:3213},
                {name:"斑点叉尾鮰种质资源库",value:3,add:3213},
                {name:"海水养殖甲壳类种质资源库",value:3123,add:3213}
        ]),
        symbolSize: 4,
         tooltip: {
    trigger: 'item',
     formatter: function (params) {
        return params.data.name +  '('+params.value[0]+','+params.value[1]+')<br/>保存种质数:'+params.value[2]+'<br/>新增种质数:'+params.value[3];
    } 
}, 
       itemStyle : {
                normal : {
                    color:'#E2A322',
                    borderColor : '#E2A322',
                    borderWidth : 1.5,
                },

            },

    },
]

}
myChart.setOption(option);
})

0
weixin_40187983
weixin_40187983 你好!我还是试不出来,可能是js不同,请问可以加qq好友吗? 我的是1435874017 感恩
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Echarts 地理信息可视化:基于地图显示坐标点信息
Ecahrts 基于地理信息的可视化 Echarts 是一款基于js的交互式图表工具 1、环境 在线调试echarts的功能可以在官网,选择实例下任意一个点开: 然后在左侧的编辑框中即可编辑(其中包含了自动渲染脚本,十分适合入门使用): 或者也可以下载到本地按照普通的js包调试, 这里是对应api教程。 2、地理信息绘制 首先需要明确要显示的地理位置和对应的物理量。 //显示地理...
在Echart的地图上增加新的位置
最近刚使用echart,遇到一个需求,需要在china.js显示的地图上增加地级市的坐标并显示出来。因为china.js里面包含的数据都是省级的,没有地级市或者更小的行政单位的位置,所以首先需要获取新增点的经纬度。 先下载地图js文件:github上的地图。该路径下有地图文件。如果不知道怎么下载的话,可以直接下载整个项目,再把项目下的map文件夹复制出来就行,china.js就在里面。echar...
echarts-map 地图打点小案例
背景:初用echarts看官网的实例,可能对初学者有难度,整理下,来个简单的打点实例。 //页面上给echarts一个容器var myChart0 = echarts.init(document.getElementById('map'));  var geoCoordMap = { //这里放你打点的坐标信息,虚拟信息     '青岛':[119.84348,35.819467,'青岛',12]...
在ArcGIS空间数据库中增加点数据的方法
1、新建一个mxd(ArcMAP)文件 2、从ArcCatalog中把要编辑的图层拖到ArcMAP中 3、从ArcCatalog中拖一个参照图层到ArcMAP中,比如临沂市的县级区划图 4、打开Editor工具条 5、在Editor工具条中点击Editor菜单下的Start Editing,开始编辑 6、选择要编辑的图层 7、参照其他图层(比如临沂市的县级区划图)的位置画点 8、完
echarts.js图表插件带坐标点和放大缩小地图
基于ECharts 带坐标点和放大缩小的省级地图
使用echarts和百度地图经纬度绘制地图
以下是我的代码 --> .container{margin-top:100px;} search var token='XIxs9YC0wXa86WfWQGBM89qyohwGoXkx'; var url="http://api.m
前端绘制地图中的地理坐标到屏幕坐标转换的简单思路--放大、缩小、移动
前端绘制地图中的地理坐标到屏幕坐标转换的简单思路–放大、缩小、移动 前言 为了让自己熟悉地图的绘制,我想手绘一个地图如何绘制的工具。使用了zrender库,这是一个canvas库,Echart基于此做。数据的来源则是一个geojson文件。下面就要解决一下如何进行绘制的问题包括: 1、地理坐标如何与屏幕坐标转换。 2、如何放大、缩小。 3、如何移动。 问题1 地理坐标系与屏幕坐...
C#调用GMap在地图上打点等操作
C#调用GMap在地图上打点, 绘制多边形, 显示标签, 点闪烁
Echart结合React,ES6的地图散点分布图(附效果图)
import React, { Component, PropTypes } from 'react'; import { Spin, } from 'antd' import process from &quot;./poolAnalyzeProcess&quot;; import utils from './ResPoolUtils'; import {mapJson,geoCoordMap} from ...
echarts绘制世界地图部分机场显示
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html style=&quot;height: 100%&quot;;&amp;gt;    &amp;lt;head&amp;gt;        &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;    &amp;lt;/head&amp;gt;    &amp;lt;body style=&quot;height: 100%&quot;;&amp;gt;        &amp;l
Echarts数据可视化地理坐标系geo,开发全解+完美注释
mytextStyle={ color:"#333",//文字颜色 fontStyle:"normal",//italic斜体 oblique倾斜 fontWeight:"normal", //文字粗细bold bolder lighter 100 | 200 | 300 | 400... fontFamily:"sans-serif", //字体系列
echarts 各县区地理数据 附全国行政区划码表
echarts 各县区地理数据,还算比较全吧 另外附全国行政区划码表(官方自带实例)
在echarts中使用百度地图扩展,实现在地图上叠加显示散点图
//初始化echarts,获得图表对象 var echartsModal = echarts.init(document.getElementById('map')); echartsModal.setOption({ bmap: { roam: true,//用户是否可以拖放和缩放地图 ...
echart map 世界各国城市坐标、中国各省会 经纬度坐标、中英文名称
echart map 世界各国城市坐标、中国各省会 经纬度坐标、包含城市中英文名称、sql语句
echart2.0矢量地图geoJson文件(含全国、省、市),已分好类存放
2017年echart2.0矢量地图geoJson文件(含全国、省、市),已分好类存放
百度地图标记点中添加echarts图表
近日需要实现一个效果:在百度地图标记点的信息框中添加echarts图表。大致已经实现,分享一下。&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;initial-scale=1.0, user-scalable=no&quot; /&amp;gt; &amp;lt;head&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt;
用echarts绘制地图
用echarts绘制地图需要引入china.js 实例代码如下: drawAdMap(); function drawAdMap() { // 基于准备好的dom,初始化echarts图表 var myChart = echarts.init(document.getElementById('main'))
echart地图城市无法显示?
echart地图城市无法显示? 我们在使用echart的地图时,需要下载好地图的配置文件的json,然后将其转化为js文件。 我们在调用数据时,一定要注意数据的完整性。确保地图匹配时所用的经度纬度信息与配置文件一致。否则地图在绘制时会因为元素的缺失而发生整个城市未显示的bug。
Echarts3实例 map地图加载点数据
前言 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Echarts map地图展示坐标点,并能更具不同的属性值进行区分,展示点数据依赖于Echarts的散点图scatter、effectScatter,底图依赖于geo。 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;geo:地理坐标系组件。地理坐标系组件用于地图的绘制,支持在地理坐标系上绘制散点图,线集。 &amp;nbsp;&amp;nbsp;&amp;nbsp;...
echarts3 Map去除指示点
上图是单选模式 下图是去除了指示点 去除指示点的方法是: 在series属性中加入一句:showLegendSymbol: false 例如:
echarts地理位置数据
echarts地理位置数据(全国各省、市地理位置坐标,echarts飞线图数据)
在Arcgis中如何利用已经有的中国地图配准JPG、PNG等图片
在Arcgis中配准jpg是一个听起来挺扯得一件事,特别很多jpg图片导入arcgis后,变形严重,有时候位置拿不准,点击配准工具,再点jpg图片上的一点,在左侧图层菜单中,选中标准矢量图,右击缩放至图层,最少要找三到五个点,且均匀分布整个边界。然后一定在配准工具中单击更新至配准。不然就白做了。至于家坐标系,就定义投影后,在把jpg导出为TIF或者其他格式即可,最后就得到带坐标且配准好的jpg照片...
echarts 如何在地图组件上加入南海
echarts 如何在地图组件上加入南海 eharts 3中的geo组件和map series 中因为地图精度的提高,不再内置地图数据增大代码体积,我们需要自行下载geojson数据;而目前网上能找到的中国geojson数据基本不包含南海部分,自己制作一个实在太麻烦。 其实eacharts 内部有南海部分的svg 图形的就像你在eacharts demo页面上看到的一样,要把他显示出来 ...
echarts在地图上画饼状图
说实话,echarts 有很多的功能真的很难去实现,而且实现了也不完美;就拿今天这个主题来说,我们有时候可能会有这样的需求: 一个大企业,在全球范围内都有项目,于是要求我们做一张表报能展示全球范围内各个城市的项目以及在该项目产能占比(饼状图)。 这样的结果就是要求我们把饼状图定位到经纬度中。 先把我写的例子拿出来,然后在说一下我的思路和对这个问题的看法: EChar
Echarts 地图+散点图结合 +闪点+轮播
Echarts 地图+散点图结合 +闪点+轮播 1.jsp: &amp;amp;lt;%-- Created by IntelliJ IDEA. User: lenovo Date: 2018/12/11 Time: 19:12 To change this template use File | Settings | File Templates. --%&amp;amp;gt; &amp;amp;lt;%@ page ...
老鼠屎地理信息可视化第三弹:Plotly+Pyecharts绘制地理坐标系线图
    由于最近老鼠屎做的东西和地图上的线型图相关,因此在这里做一点简单总结。很多地方都调试得很不理想,希望成功的地方可以给大家带来一点点启发,不理想的地方也欢迎大神们赐教。 1 Plotly 1.1 地图上绘制线     有关pyplot的相关在老鼠屎的博文使用plotly神器绘制地图(Python版--demo虽易,操作不易,且学且珍惜)中有过简要介绍,这里老鼠屎根据自己的需要写了一个小...
自定义Echarts地理分布图tooltip显示内容
在为某省开发手机版环境监测系统中需要在Echarts tooltip 中展示特定的内容,echarts默认的展示方案并不能满足我们的需求,因此就需要我们进行手动改造。 最终效果图:实现原理通过echarts提供的formatter参数自定义我们所需要展示的内容具体实现方法1、首先在格式化数据的时把我们所需要展示的数据传入到echarts图表中,例如: for(let m of this.p
Python可视化-县市按经纬度坐标在地图标记数值
一、数据文件准备1、Info.csvname,val,lat,lon 南京 ,4.23,32.04,118.78 徐州 ,4.13,34.26,117.2 睢宁 ,4.13,33.89,117.94 沛县 ,4.1,34.73,116.93 丰县 ,4.1,34.79,116.57 邳县 ,4.1,34.3,117.97 铜山 ,4.1,34.26,117.2 新沂 ,4.1,34...
ArcGIS增加缓存服务(部署地图加地图切片)
ArcGIS增加缓存服务(部署地图加地图切片)
echarts省份标注加散点效果
这个是安徽的效果图,鼠标移到红色标注或者对应的市区位置都会显示对应的数值。 先直接上代码: import anhuiMapJson from './anhui.json' getCoords: function(city) { var res = []; if (city != null) { for (var c in this.cityMap.featu...
openlayer4加载echart3的地理位置scatter图-全国主要城市空气质量
     在github上下载了ol3-Echarts-master,原数据是加载echart的迁徙图,我对作者的类进行了改造,编写了一个类EchartLayer,加载饼图。代码如下:    说明:没有用到偏移量的计算,拖拽、缩放的时候,每次保存原数据(深度克隆),重新计算地理位置所对应的屏幕位置 /** * echarts 百度地图扩展,必须在echarts初始化前使用 * * @d...
echarts显示地图以及jQuery地域选择器插件
前几天再做项目的时候用到了echarts的map显示。由于官网上的例子有限,我要在例子上进行扩展,很是搞了一番功夫。话不多说了,看例子: 1.echarts作为百度的一个开源插件,在有些地方可以做的很炫。主要是支持多种方式可以使用。 在echarts官网上下载:http://echarts.baidu.com/doc/example.html 现在看看怎么在jsp里面使用: 模块化单文...
ArcGiS手把手教程(三)——配准和矢量化操作
ArcGiS手把手教程(三)——配准和矢量化操作1. 利用影像配准(Georeferncing) 工具进行影像数据的地理配准 2. 编辑器的使用(点要素、线要素、多边形要素的数字化) 注意:在基于ArcMap 的操作过程中请注意保存地图文档 第1步 地形图的配准-加载数据和影像配准工具 1 第2步 输入控制点 2 第3步 设定数据框的属性 4 第4步 矫正并重采样栅格生成新的栅格文件 6 第5 步 分层矢量化-在ArcCatlog中创建一个线要素图层 7 第6步 从已配准的地图上提出等高线并保存到上面创建的要素类中 12 根据GPS观测点数据配准影像并矢量化的步骤 13 课外练习:翻译 18
ARCGIS进行地理配准及影像配准并加载到谷歌地球中查看矢量地图SHP
普通的地图图片如何能让其附有经纬度坐标和投影信息,如何能将普通的地图图片加载到诸如谷歌地球等相关的三维地球软件当中进行生产或学习使用呢,这就要用到gis当中常用的一种功能,叫做地理配准。地理配准并不复杂,只要有基准影像和能够进行地理配准的软件就可以对普通的地图图片进行地理配准。本文所要配准的图片是在百度图片中下载的最新北京地铁图(之所以选择地铁图是因为图上有站点信息,可以方便的选取控制点,选取控制
Arcgis软件应用(五)遥感图像地理配准、矢量化与地图制作
目的: 将河南大学金明校区遥感图像进行地理配准、矢量化,并且制作地图。 要求: 对河南大学金明校区的遥感图像进行地理配准; 矢量化建筑物、绿地、道路、水体等主要地物要素; 对各类地物要素进行符号化设置并对其名称进行标注; 添加指北针、比例尺、图例等地图要素,整饰并导出地图。 步骤: 1.通过定义投影的方式导入数据集,同时定义影像的空间参考,通过 工具箱 中的 数据管理工具 ...
arcmap中JPG图片校准方法
对于网上下载的JPG格式的地图,经过arcgis一系列操作后,可以得到校准后的带有空间坐标参考系和地理坐标系的地图,这个自制的教程从可能出现的问题入手讲解,解决了很多校准过程中可能出现的问题。
react+echarts 实现中国地图
共需要四个类index.js(react基础类),App.js(基础逻辑类),App.css(样式类),geo.js(json文件类) 下面来看代码: index.js import React from ‘react’; import ReactDOM from ‘react-dom’; //中国地图 import App from ‘./App’; ReactDOM.render(, doc...
ECharts实现某省份热图、轨迹图和线图等例子
百度ECharts实现的地图方面的例子,某省份的热图、轨迹图和线图等例子。
关于echarts省份地图不显示
1、一开始做测试,现在Note-pad++编辑,发现world.js 和china.js都能用,但是zhejiang.js等其他省份的js不能用 2、于是我把这些代码放到自己的项目中编辑,用的eclipse,发现可以显示浙江省的地图 3、怀疑是note-pad++的编码形式不对,于是我更换了编码,本来是第二种,发现可以正常显示了。
百度地图API实现地理围栏
地理围栏(Geo-fencing)是LBS的一种新应用,就是用一个虚拟的栅栏围出一个虚拟地理边界。当手机进入、离开某个特定地理区域,或在该区域内活动时,手机可以接收自动通知和警告。简单来说就是判断一个点是否在某区域内。 如果们用百度地图API来实现地理围栏还是有一定难度的,围栏是圆或者规则多边形还好说,如果围栏是不规则多边形那我们就有点无从下手了,但是百度API团队为我们提供了一个简单的...