精华内容
下载资源
问答
  • 地图绘制app
    2021-07-25 07:14:41

    沿地图绘制路线以测量距离,使用此应用轻松解决。现在有面积测量和自定义系数。

    用法

    ----

    触摸即可。在地图上绘制一条路线以测定距离。放大镜将帮您进行精确的绘制和测量。

    ◆ 在移动和测量模式之间切换。因此,您可以选择要开始测量的位置或立即开始测量。您可以继续移动地图并继续测量更长的距离。

    ◆ 在区域和距离计算之间切换。

    ◆ 按下“分享”按钮,将结果(参见屏幕截图)导出至新浪微博、相机相册、电子邮件等等。

    ◆ 按“撤消”按钮进行任何更改

    ◆ 按下“搜索”按钮,搜寻所期望的位置。请输入坐标值,或者通过地点、城市、州或国家的名称搜索位置。

    注意:距离和面积是根据地球曲率计算的。

    自定义系数

    ---------

    现在可以将此应用程序用作更高级的距离计算器工具。设置您自己的自定义单位。 (免费版仅限两台)

    用例示例:

    ◆测量给定距离的汽油使用量

    ◆给定跑步距离的预期卡路里使用量

    ◆给定距离所需的时间

    ◆给定农场所需的杀虫剂

    ◆估算在给定区域内可停放多少辆汽车

    ◆还有更多

    订阅

    ¯¯¯¯

    距离 - 在地图上绘制并测量距离。可自由使用所有功能,但对自定义系数功能有一些限制。要解锁所有功能,请删除广告和优先支持。订阅是必需的。

    设备订阅可在这些计划中使用,并将自动每月,六个月或一年续订,除非取消。

    (每月) - 1.99美元

    (每六个月) - 9.99美元

    (每年) - 17.99美元

    所示价格适用于美国商店。其他商店的定价会有所不同。

    订阅付款将在确认购买时从您的iTunes帐户中扣除

    除非在当前期间结束前至少24小时关闭自动续订,否则订阅会自动续订。

    订购可以通过购买后转到您的iTunes帐户设置或点击“购买/管理订阅”来管理

    在有效订阅期间无法取消订阅

    更多信息:https://myice92.com/distance

    隐私政策:https://myice92.com/privacy-policy

    使用条款:https://myice92.com/terms-of-service

    更多相关内容
  • android移动应用,使用高德卫星地图绘制地块的形状,计算周长、面积。使用我们的demo可以将改应用迅速集成到自己的应用场景中,避免了重复造轮子的问题
  • 免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
  • 安卓地图app

    2018-12-13 20:25:34
    给予百度地图的绿色出行路径规划
  • uniapp打包app,使用高德地图绘制轨迹,实现驾车路径的规划 uniapp自身提供地图组件,但由于兼容性比较差,很多功能无法基于uni提供的api实现自己的需求点,所以这里我们借助web-view的方式去实现路线的规划,以及...

    uniapp>>>>app端,使用高德地图绘制轨迹,实现驾车路径的规划

    uniapp自身提供地图组件,但由于兼容性比较差,很多功能无法基于uni提供的api实现自己的需求点,所以这里我们借助web-view的方式去实现路线的规划,以及高德地图的方法调用,

    这里的例子只实现了驾车路径的规划

     由于本次用的是renderjs这个插入模版,所以要用两个script块,并且用:prop用于传递数据参数,:change:prop用于监听数据变化

    <template>
    	<view class="amap-container">
    		<view id="amap" class="amap" :prop="option" :change:prop="amap.updateEcharts"></view>
    		<view class="" id="panel"></view>
    	</view>
    </template>

    在这块script中,可以做正常的逻辑操作,页面间参数接收,数据的赋值等等......就一切正常写就好

    <script>
    export default {
    	data() {
    		return {
    			option: []
    		};
    	},
    	onLoad(params) {
    		this.option = JSON.parse(params.data);
    	},
    	methods: {}
    };
    </script>

     这里要注意的一点哦,虽然是在uniapp中,但是这里的key要用webKey。

    <script module="amap" lang="renderjs">
    export default {
    	data() {
    		return {
    			map: null,
    			mapdata:{},
    			ownerInstanceObj: null//service层对象
    		}
    	},
    	mounted() {
    		if (typeof window.AMap === 'function') {
    			this.initAmap()
    		} else {
    			// 动态引入较大类库避免影响页面展示
    			const script = document.createElement('script')
    			script.src = 'https://webapi.amap.com/maps?v=1.4.15&key=XXXXXXXXXXXXXXXXXXXXX'
    			script.onload = this.initAmap.bind(this)
    			document.head.appendChild(script)
    		}
    	},
    	methods: {
    		updateEcharts(newValue, oldValue, ownerInstance, instance) {
    			// 监听 service 层数据变更
    			// console.log(oldValue)
    		},
    		initAmap(oldValue) {
    			this.map = new AMap.Map('amap', {
    				resizeEnable: true,
    				center: [118.397428, 39.90923],//地图中心点
    				zoom: 13 //地图显示的缩放级别
    			})
    			this.map.plugin('AMap.Driving', () => {
    			  let driving = new AMap.Driving({
    			  	map: this.map,
    				showTraffic: false//是否开启路况配置
    			  })
    			  // 根据起终点经纬度规划驾车导航路线
                   //  参数就可以直接去查看高德地图官网文档就可以咯,就会很清晰咯
    			  driving.search(new AMap.LngLat(this.option[0].lng, this.option[0].lat), new AMap.LngLat(this.option[1].lng, this.option[1].lat), [], (status, result) => {
    				// if (status === 'complete') {
    			 //  		console.log('绘制驾车路线完成')
    			 //  	} else {
    			 //  		console.log('获取驾车数据失败:' + result)
    			 //  	}
    			  })
    			})
    		}
    	}
    }
    </script>
    
    <style lang="scss" scoped>
    #amap {
    	width: 100%;
    	height: 100vh;
    }
    </style>
    

     

    展开全文
  • 设置 预计 node 和 npm 已经安装。 npm install -g bower npm install -g bowcat npm install bower install recompile (Windows) OR sh recompile.bat (~Linux) 更改为 bower_components 后运行 ...
  • 巨细胞病毒 可配置的地图查看器 介绍 是社区支持的开源映射框架。 CMV可与 , , 等一起使用。 自己动手! 此JavaScript Web应用程序可以轻松配置或用作基本查看器的样板/起点。 它还使用dojo的出色的系统通过JS...
  • 餐厅应用演示应用程序,可在地图绘制餐厅数据。 在找到
  • 地图上的面分为圆形和多边形两种。绘制圆圆形由 Circle 类定义实现,构造一个圆形需要确定它的圆心和半径,具体的示例代码如下:LatLng latLng = new LatLng(39.984059,116.307771);circle = AMap.addCircle(new ...

    地图上的面分为圆形和多边形两种。

    绘制圆

    圆形由 Circle 类定义实现,构造一个圆形需要确定它的圆心和半径,具体的示例代码如下:

    LatLng latLng = new LatLng(39.984059,116.307771);

    circle = AMap.addCircle(new CircleOptions().

    center(latLng).

    radius(1000).

    fillColor(Color.argb(progress, 1, 1, 1)).

    strokeColor(Color.argb(progress, 1, 1, 1)).

    strokeWidth(15));

    上面的代码定义该圆形的填充灰色,边线颜色为灰色,宽度15 像素,效果如下图:

    7f568f7933bf2163682b37fcf0fa356d.png

    绘制多边形

    多边形是由 Polygon 类定义的一组在地图上的封闭线段组成的图形,它由一组 LatLng 点按照传入顺序连接而成的封闭图形。与绘制线类似,面的属性操作集中在 PolygonOptions 中。

    绘制椭圆

    下面的代码展示了添加一个椭圆形的方法:

    aMap.addPolygon(new PolygonOptions()

    .addAll(createRectangle( new LatLng(31.238068, 121.501654), 1, 1))

    .fillColor(Color.LTGRAY).strokeColor(Color.RED).strokeWidth(1));

    PolygonOptions options = new PolygonOptions();

    int numPoints = 400;

    float semiHorizontalAxis = 5f;

    float semiVerticalAxis = 2.5f;

    double phase = 2 * Math.PI / numPoints;

    for (int i = 0; i <= numPoints; i++) {

    options.add(new LatLng(Constants.BEIJING.latitude

    + semiVerticalAxis * Math.sin(i * phase),

    Constants.BEIJING.longitude + semiHorizontalAxis

    * Math.cos(i * phase)));

    }

    // 绘制一个椭圆

    polygon = aMap.addPolygon(options.strokeWidth(25)

    .strokeColor(Color.argb(50, 1, 1, 1))

    .fillColor(Color.argb(50, 1, 1, 1)));

    }

    绘制长方形

    以下是生成长方形四个顶点坐标列表的方法,可以简便的生成出长方形的四个顶点:

    /**

    * 生成一个长方形的四个坐标点

    */

    private List createRectangle(LatLng center, double halfWidth,

    double halfHeight) {

    List latLngs = new ArrayList();

    latLngs.add(new LatLng(center.latitude - halfHeight, center.longitude - halfWidth));

    latLngs.add(new LatLng(center.latitude - halfHeight, center.longitude + halfWidth));

    latLngs.add(new LatLng(center.latitude + halfHeight, center.longitude + halfWidth));

    latLngs.add(new LatLng(center.latitude + halfHeight, center.longitude - halfWidth));

    return latLngs;

    }

    }

    以下代码用于绘制一个长方形:

    // 绘制一个长方形

    aMap.addPolygon(new PolygonOptions()

    .addAll(createRectangle(Constants.SHANGHAI, 1, 1))

    .fillColor(Color.LTGRAY).strokeColor(Color.RED).strokeWidth(1));

    绘制不规则多边形

    以5边形为例:

    // 定义多边形的5个点点坐标

    LatLng latLng1 = new LatLng(42.742467, 79.842785);

    LatLng latLng2 = new LatLng(43.893433, 98.124035);

    LatLng latLng3 = new LatLng(33.058738, 101.463879);

    LatLng latLng4 = new LatLng(25.873426, 95.838879);

    LatLng latLng5 = new LatLng(30.8214661, 78.788097);

    // 声明 多边形参数对象

    PolygonOptions polygonOptions = new PolygonOptions();

    // 添加 多边形的每个顶点(顺序添加)

    polygonOptions.add(latLng1, latLng2, latLng3, latLng4, latLng5);

    polygonOptions.strokeWidth(15) // 多边形的边框

    .strokeColor(Color.argb(50, 1, 1, 1)) // 边框颜色

    .fillColor(Color.argb(1, 1, 1, 1)); // 多边形的填充色

    效果如下图:

    edd27d1f6dbe473d8dc0f31d58d40639.png

    其余多边形的绘制可参考官方地图示例。

    展开全文
  • 主要介绍了使用Python绘制全球疫情变化地图的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 帮助需要进行地图开发的新手们了解iOS地图的使用,包含了定位/位移/绘制轨迹等功能
  • 本文实例为大家分享了Android实现百度地图两点画弧线的具体代码,供大家参考,具体内容如下 import android.support.annotation.NonNull; import com.baidu.mapapi.map.ArcOptions; import ...
  • echerts.js+china.js绘制中国地图
  • Leaflet.MapPaint 位图绘制。 专为触控设备设计用旧鼠标工作正常15种不同颜色! 毛毡、蜡笔、程序铅笔和花哨/丑陋的图案要求使用传单 0.7 测试需要支持画布的 HTML5 浏览器使用 Safari iOS8、Firefox 33、Chrome 38 ...
  • 1、实现图片地图,图片地图比例尺 2、绘制点的路径 3、绘制多边形,定位不规则多边形中心点,显示名称 4、多边形编辑 5、地图全屏,地图截图 6、点是否在区域中判定 7、暂停,播放,向前,向后20s,倍速播放控制路径...
  • ECharts 地图绘制

    千次阅读 2020-02-21 13:29:45
    ECharts 中地理坐标系组件可以用于地图绘制,它支持在地理坐标系上绘制散点图,线集。 2.visualMap[i] visualMap 是视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元素(视觉通道)。 视觉元素可以...

    地图模拟实例(数据不具真实性仅供学习)

    在绘制之前我们要了解一些Echarts的一些基本的组件:

    1.geo
    geo 是 ECharts 图表的地理坐标系组件。
    ECharts 中地理坐标系组件可以用于地图的绘制,它支持在地理坐标系上绘制散点图,线集。
    在这里插入图片描述

    2.visualMap[i]
    visualMap 是视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元素(视觉通道)。
    视觉元素可以是:
    - symbol: 图元的图形类别。
    - symbolSize: 图元的大小。
    - color: 图元的颜色。
    - colorAlpha: 图元的颜色的透明度。
    - opacity: 图元以及其附属物(如文字标签)的透明度。
    - colorLightness: 颜色的明暗度,参见 HSL
    - colorSaturation: 颜色的饱和度,参见 HSL
    - colorHue: 颜色的色调,参见 HSL
    visualMap 组件可以定义多个,从而可以同时对数据中的多个维度进行视觉映射。

    3.splitNumber
    对于分段型视觉映射组件中的连续型数据,会自动平均切分成几段。默认为5段。 连续数据的范围需要 maxmin 来指定。

    如果设置了 visualMap-piecewise.pieces 或者 visualMap-piecewise.categories,则 splitNumber 无效。

    4.pieces
    自定义『分段式视觉映射组件(visualMapPiecewise)』的每一段的范围,以及每一段的文字,以及每一段的特别的样式。例如:

    pieces: [
    			{gt: 500},            // (500, Infinity]
    			{gt: 300, lte: 500},  // (300, 500]
    			{gt: 100, lte: 300},
    			{gt: 50, lte: 100},
    			{gt: 10, lte: 50},
    			{lt: 5}// (-Infinity, 5)
    		],
            color: ['#d94e5d','#eac736','#50a3ba'],
            textStyle: {
                color: '#fff'
            }
    

    或者,更精确得,可以使用 lt(小于,little than),gt(大于,greater than),lte(小于等于 lettle than or equals),gte(大于等于,greater than or equals)来表达边界:
    在这里插入图片描述

    5.legend.tooltip

    图例的 tooltip 配置,配置项同 tooltip。默认不显示,可以在 legend 文字很多的时候对文字做裁剪并且开启 tooltip,如下示例:

      tooltip: {
            trigger: 'item',
    		 formatter: function (params) {
                return params.name + ' : ' + params.value[2];
            }
        }
    

    效果图:
    在这里插入图片描述

    代码实例

    <!DOCTYPE html>
    <html style="height: 100%">
       <head>
           <meta charset="utf-8">
       </head>
       <body style="height: 100%; margin: 0">
           <div id="container" style="height: 100%"></div>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
           <script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    var geoCoordMap = {
        "海门":[121.15,31.89],
        "鄂尔多斯":[109.781327,39.608266],
        "招远":[120.38,37.35],
        "舟山":[122.207216,29.985295],
        "齐齐哈尔":[123.97,47.33],
        "盐城":[120.13,33.38],
        "赤峰":[118.87,42.28],
        "青岛":[120.33,36.07],
        "乳山":[121.52,36.89],
        "金昌":[102.188043,38.520089],
        "泉州":[118.58,24.93],
        "莱西":[120.53,36.86],
        "日照":[119.46,35.42],
        "胶南":[119.97,35.88],
        "南通":[121.05,32.08],
        "拉萨":[91.11,29.97],
        "云浮":[112.02,22.93],
        "梅州":[116.1,24.55],
        "文登":[122.05,37.2],
        "上海":[121.48,31.22],
        "攀枝花":[101.718637,26.582347],
        "威海":[122.1,37.5],
        "承德":[117.93,40.97],
        "厦门":[118.1,24.46],
        "汕尾":[115.375279,22.786211],
        "潮州":[116.63,23.68],
        "丹东":[124.37,40.13],
        "太仓":[121.1,31.45],
        "曲靖":[103.79,25.51],
        "烟台":[121.39,37.52],
        "福州":[119.3,26.08],
        "瓦房店":[121.979603,39.627114],
        "即墨":[120.45,36.38],
        "抚顺":[123.97,41.97],
        "玉溪":[102.52,24.35],
        "张家口":[114.87,40.82],
        "阳泉":[113.57,37.85],
        "莱州":[119.942327,37.177017],
        "湖州":[120.1,30.86],
        "汕头":[116.69,23.39],
        "昆山":[120.95,31.39],
        "宁波":[121.56,29.86],
        "湛江":[110.359377,21.270708],
        "揭阳":[116.35,23.55],
        "荣成":[122.41,37.16],
        "连云港":[119.16,34.59],
        "葫芦岛":[120.836932,40.711052],
        "常熟":[120.74,31.64],
        "东莞":[113.75,23.04],
        "河源":[114.68,23.73],
        "淮安":[119.15,33.5],
        "泰州":[119.9,32.49],
        "南宁":[108.33,22.84],
        "营口":[122.18,40.65],
        "惠州":[114.4,23.09],
        "江阴":[120.26,31.91],
        "蓬莱":[120.75,37.8],
        "韶关":[113.62,24.84],
        "嘉峪关":[98.289152,39.77313],
        "广州":[113.23,23.16],
        "延安":[109.47,36.6],
        "太原":[112.53,37.87],
        "清远":[113.01,23.7],
        "中山":[113.38,22.52],
        "昆明":[102.73,25.04],
        "寿光":[118.73,36.86],
        "盘锦":[122.070714,41.119997],
        "长治":[113.08,36.18],
        "深圳":[114.07,22.62],
        "珠海":[113.52,22.3],
        "宿迁":[118.3,33.96],
        "咸阳":[108.72,34.36],
        "铜川":[109.11,35.09],
        "平度":[119.97,36.77],
        "佛山":[113.11,23.05],
        "海口":[110.35,20.02],
        "江门":[113.06,22.61],
        "章丘":[117.53,36.72],
        "肇庆":[112.44,23.05],
        "大连":[121.62,38.92],
        "临汾":[111.5,36.08],
        "吴江":[120.63,31.16],
        "石嘴山":[106.39,39.04],
        "沈阳":[123.38,41.8],
        "苏州":[120.62,31.32],
        "茂名":[110.88,21.68],
        "嘉兴":[120.76,30.77],
        "长春":[125.35,43.88],
        "胶州":[120.03336,36.264622],
        "银川":[106.27,38.47],
        "张家港":[120.555821,31.875428],
        "三门峡":[111.19,34.76],
        "锦州":[121.15,41.13],
        "南昌":[115.89,28.68],
        "柳州":[109.4,24.33],
        "三亚":[109.511909,18.252847],
        "自贡":[104.778442,29.33903],
        "吉林":[126.57,43.87],
        "阳江":[111.95,21.85],
        "泸州":[105.39,28.91],
        "西宁":[101.74,36.56],
        "宜宾":[104.56,29.77],
        "呼和浩特":[111.65,40.82],
        "成都":[104.06,30.67],
        "大同":[113.3,40.12],
        "镇江":[119.44,32.2],
        "桂林":[110.28,25.29],
        "张家界":[110.479191,29.117096],
        "宜兴":[119.82,31.36],
        "北海":[109.12,21.49],
        "西安":[108.95,34.27],
        "金坛":[119.56,31.74],
        "东营":[118.49,37.46],
        "牡丹江":[129.58,44.6],
        "遵义":[106.9,27.7],
        "绍兴":[120.58,30.01],
        "扬州":[119.42,32.39],
        "常州":[119.95,31.79],
        "潍坊":[119.1,36.62],
        "重庆":[106.54,29.59],
        "台州":[121.420757,28.656386],
        "南京":[118.78,32.04],
        "滨州":[118.03,37.36],
        "贵阳":[106.71,26.57],
        "无锡":[120.29,31.59],
        "本溪":[123.73,41.3],
        "克拉玛依":[84.77,45.59],
        "渭南":[109.5,34.52],
        "马鞍山":[118.48,31.56],
        "宝鸡":[107.15,34.38],
        "焦作":[113.21,35.24],
        "句容":[119.16,31.95],
        "北京":[116.46,39.92],
        "徐州":[117.2,34.26],
        "衡水":[115.72,37.72],
        "包头":[110,40.58],
        "绵阳":[104.73,31.48],
        "乌鲁木齐":[87.68,43.77],
        "枣庄":[117.57,34.86],
        "杭州":[120.19,30.26],
        "淄博":[118.05,36.78],
        "鞍山":[122.85,41.12],
        "溧阳":[119.48,31.43],
        "库尔勒":[86.06,41.68],
        "安阳":[114.35,36.1],
        "开封":[114.35,34.79],
        "济南":[117,36.65],
        "德阳":[104.37,31.13],
        "温州":[120.65,28.01],
        "九江":[115.97,29.71],
        "邯郸":[114.47,36.6],
        "临安":[119.72,30.23],
        "兰州":[103.73,36.03],
        "沧州":[116.83,38.33],
        "临沂":[118.35,35.05],
        "南充":[106.110698,30.837793],
        "天津":[117.2,39.13],
        "富阳":[119.95,30.07],
        "泰安":[117.13,36.18],
        "诸暨":[120.23,29.71],
        "郑州":[113.65,34.76],
        "哈尔滨":[126.63,45.75],
        "聊城":[115.97,36.45],
        "芜湖":[118.38,31.33],
        "唐山":[118.02,39.63],
        "平顶山":[113.29,33.75],
        "邢台":[114.48,37.05],
        "德州":[116.29,37.45],
        "济宁":[116.59,35.38],
        "荆州":[112.239741,30.335165],
        "宜昌":[111.3,30.7],
        "义乌":[120.06,29.32],
        "丽水":[119.92,28.45],
        "洛阳":[112.44,34.7],
        "秦皇岛":[119.57,39.95],
        "株洲":[113.16,27.83],
        "石家庄":[114.48,38.03],
        "莱芜":[117.67,36.19],
        "常德":[111.69,29.05],
        "保定":[115.48,38.85],
        "湘潭":[112.91,27.87],
        "金华":[119.64,29.12],
        "岳阳":[113.09,29.37],
        "长沙":[113,28.21],
        "衢州":[118.88,28.97],
        "廊坊":[116.7,39.53],
        "菏泽":[115.480656,35.23375],
        "合肥":[117.27,31.86],
        "武汉":[114.31,30.52],
        "大庆":[125.03,46.58]
    };
    
    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)
                });
            }
        }
        return res;
    };
    
    option = {
        backgroundColor: '#404a59',
        title: {
            text: '全国主要城市疫情模拟数据',
            subtext: 'This is simulated data',
            sublink: 'https://blog.csdn.net/qq_40896997',
            left: 'center',
            textStyle: {
                color: '#fff'
            }
        },
        tooltip: {
            trigger: 'item',
    		 formatter: function (params) {
                return params.name + ' : ' + params.value[2];
            }
        },
        legend: {
            orient: 'vertical',
            top: 'bottom',
            left: 'right',
            data:['感染人数'],
            textStyle: {
                color: '#fff'
            }
        },
        visualMap: {
    		pieces: [
    			{gt: 500},            // (500, Infinity]
    			{gt: 300, lte: 500},  // (300, 500]
    			{gt: 100, lte: 300},
    			{gt: 50, lte: 100},
    			{gt: 10, lte: 50},
    			{lt: 5}// (-Infinity, 5)
    		],
            color: ['#d94e5d','#eac736','#50a3ba'],
            textStyle: {
                color: '#fff'
            }
        },
        geo: {
            map: 'china',
            label: {
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    areaColor: '#323c48',
                    borderColor: '#111'
                },
                emphasis: {
                    areaColor: '#2a333d'
                }
            }
        },
        series: [
            {
                name: '感染人数',
                type: 'scatter',
                coordinateSystem: 'geo',
                data: convertData([
                    {name: "海门", value: 9},
                    {name: "鄂尔多斯", value: 12},
                    {name: "招远", value: 12},
                    {name: "舟山", value: 12},
                    {name: "齐齐哈尔", value: 14},
                    {name: "盐城", value: 15},
                    {name: "赤峰", value: 16},
                    {name: "青岛", value: 18},
                    {name: "乳山", value: 18},
                    {name: "金昌", value: 19},
                    {name: "泉州", value: 21},
                    {name: "莱西", value: 21},
                    {name: "日照", value: 21},
                    {name: "胶南", value: 22},
                    {name: "南通", value: 23},
                    {name: "拉萨", value: 1},
                    {name: "云浮", value: 24},
                    {name: "梅州", value: 25},
                    {name: "文登", value: 25},
                    {name: "上海", value: 25},
                    {name: "攀枝花", value: 25},
                    {name: "威海", value: 25},
                    {name: "承德", value: 25},
                    {name: "厦门", value: 26},
                    {name: "汕尾", value: 26},
                    {name: "潮州", value: 26},
                    {name: "丹东", value: 27},
                    {name: "太仓", value: 27},
                    {name: "曲靖", value: 27},
                    {name: "烟台", value: 28},
                    {name: "福州", value: 29},
                    {name: "瓦房店", value: 30},
                    {name: "即墨", value: 30},
                    {name: "抚顺", value: 31},
                    {name: "玉溪", value: 31},
                    {name: "张家口", value: 31},
                    {name: "阳泉", value: 31},
                    {name: "莱州", value: 32},
                    {name: "湖州", value: 32},
                    {name: "汕头", value: 32},
                    {name: "昆山", value: 33},
                    {name: "宁波", value: 33},
                    {name: "湛江", value: 33},
                    {name: "揭阳", value: 34},
                    {name: "荣成", value: 34},
                    {name: "连云港", value: 35},
                    {name: "葫芦岛", value: 35},
                    {name: "常熟", value: 36},
                    {name: "东莞", value: 36},
                    {name: "河源", value: 36},
                    {name: "淮安", value: 36},
                    {name: "泰州", value: 36},
                    {name: "南宁", value: 37},
                    {name: "营口", value: 37},
                    {name: "惠州", value: 37},
                    {name: "江阴", value: 37},
                    {name: "蓬莱", value: 37},
                    {name: "韶关", value: 38},
                    {name: "嘉峪关", value: 38},
                    {name: "广州", value: 338},
                    {name: "延安", value: 38},
                    {name: "太原", value: 39},
                    {name: "清远", value: 39},
                    {name: "中山", value: 39},
                    {name: "昆明", value: 39},
                    {name: "寿光", value: 40},
                    {name: "盘锦", value: 40},
                    {name: "长治", value: 41},
                    {name: "深圳", value: 388},
                    {name: "珠海", value: 42},
                    {name: "宿迁", value: 43},
                    {name: "咸阳", value: 43},
                    {name: "铜川", value: 44},
                    {name: "平度", value: 44},
                    {name: "佛山", value: 44},
                    {name: "海口", value: 44},
                    {name: "江门", value: 45},
                    {name: "章丘", value: 45},
                    {name: "肇庆", value: 46},
                    {name: "大连", value: 47},
                    {name: "临汾", value: 47},
                    {name: "吴江", value: 47},
                    {name: "石嘴山", value: 49},
                    {name: "沈阳", value: 50},
                    {name: "苏州", value: 50},
                    {name: "茂名", value: 50},
                    {name: "嘉兴", value: 51},
                    {name: "长春", value: 51},
                    {name: "胶州", value: 52},
                    {name: "银川", value: 52},
                    {name: "张家港", value: 52},
                    {name: "三门峡", value: 53},
                    {name: "锦州", value: 54},
                    {name: "南昌", value: 54},
                    {name: "柳州", value: 54},
                    {name: "三亚", value: 54},
                    {name: "自贡", value: 56},
                    {name: "吉林", value: 56},
                    {name: "阳江", value: 57},
                    {name: "泸州", value: 57},
                    {name: "西宁", value: 57},
                    {name: "宜宾", value: 58},
                    {name: "呼和浩特", value: 58},
                    {name: "成都", value: 58},
                    {name: "大同", value: 58},
                    {name: "镇江", value: 59},
                    {name: "桂林", value: 59},
                    {name: "张家界", value: 59},
                    {name: "宜兴", value: 59},
                    {name: "北海", value: 60},
                    {name: "西安", value: 61},
                    {name: "金坛", value: 62},
                    {name: "东营", value: 62},
                    {name: "牡丹江", value: 63},
                    {name: "遵义", value: 63},
                    {name: "绍兴", value: 63},
                    {name: "扬州", value: 64},
                    {name: "常州", value: 64},
                    {name: "潍坊", value: 65},
                    {name: "重庆", value: 66},
                    {name: "台州", value: 67},
                    {name: "南京", value: 67},
                    {name: "滨州", value: 70},
                    {name: "贵阳", value: 71},
                    {name: "无锡", value: 71},
                    {name: "本溪", value: 71},
                    {name: "克拉玛依", value: 72},
                    {name: "渭南", value: 72},
                    {name: "马鞍山", value: 72},
                    {name: "宝鸡", value: 72},
                    {name: "焦作", value: 75},
                    {name: "句容", value: 75},
                    {name: "北京", value: 79},
                    {name: "徐州", value: 79},
                    {name: "衡水", value: 80},
                    {name: "包头", value: 80},
                    {name: "绵阳", value: 80},
                    {name: "乌鲁木齐", value: 84},
                    {name: "枣庄", value: 84},
                    {name: "杭州", value: 84},
                    {name: "淄博", value: 85},
                    {name: "鞍山", value: 86},
                    {name: "溧阳", value: 86},
                    {name: "库尔勒", value: 86},
                    {name: "安阳", value: 90},
                    {name: "开封", value: 90},
                    {name: "济南", value: 92},
                    {name: "德阳", value: 93},
                    {name: "温州", value: 95},
                    {name: "九江", value: 96},
                    {name: "邯郸", value: 98},
                    {name: "临安", value: 99},
                    {name: "兰州", value: 99},
                    {name: "沧州", value: 100},
                    {name: "临沂", value: 103},
                    {name: "南充", value: 104},
                    {name: "天津", value: 105},
                    {name: "富阳", value: 106},
                    {name: "泰安", value: 112},
                    {name: "诸暨", value: 112},
                    {name: "郑州", value: 113},
                    {name: "哈尔滨", value: 114},
                    {name: "聊城", value: 116},
                    {name: "芜湖", value: 117},
                    {name: "唐山", value: 119},
                    {name: "平顶山", value: 119},
                    {name: "邢台", value: 119},
                    {name: "德州", value: 120},
                    {name: "济宁", value: 120},
                    {name: "荆州", value: 127},
                    {name: "宜昌", value: 130},
                    {name: "义乌", value: 132},
                    {name: "丽水", value: 133},
                    {name: "洛阳", value: 134},
                    {name: "秦皇岛", value: 136},
                    {name: "株洲", value: 143},
                    {name: "石家庄", value: 147},
                    {name: "莱芜", value: 148},
                    {name: "常德", value: 152},
                    {name: "保定", value: 153},
                    {name: "湘潭", value: 154},
                    {name: "金华", value: 157},
                    {name: "岳阳", value: 169},
                    {name: "长沙", value: 175},
                    {name: "衢州", value: 177},
                    {name: "廊坊", value: 193},
                    {name: "菏泽", value: 194},
                    {name: "合肥", value: 229},
                    {name: "武汉", value: 1473},
                    {name: "大庆", value: 279}
                ]),
                symbolSize: 12,
                label: {
                    normal: {
                        show: false
                    },
                    emphasis: {
                        show: false
                    }
                },
                itemStyle: {
                    emphasis: {
                        borderColor: '#fff',
                        borderWidth: 1
                    }
                }
            }
        ]
    };
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
           </script>
       </body>
    </html>
    

    效果图

    在这里插入图片描述

    展开全文
  • oldastoria.org 受和启发,该项目利用映射俄勒冈州...在浏览器中运行地图导航到下载的存储库的顶级目录,然后在控制台中键入以下内容,以在浏览器中启动交互式地图: node src/app.js 学分这段代码依赖于的工作以及来
  • Shareabouts是一个在线地图绘制工具,可以在社交和参与过程中收集众包的公众意见。 人们可以使用Shareabouts在地图上放置图钉,以提供有关计划和设计问题的想法,建议和评论。 作为移动友好型应用程序,Shareabouts...
  • 主要介绍了Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡的相关资料,需要的朋友可以参考下
  • 很久没有写东西了,因为最近的项目要赶在国庆中秋前夕上架,忙碌了2个多月的时间。对地图绘制这块整理了一下,希望能让大家少走弯路。
  • 百度地图绘制运动轨迹技巧

    千次阅读 2021-08-16 14:02:41
    很多运动类的app都有画出跑步者运动轨迹的需求,拿咕咚来说,我们看一下它的效果图: 本篇将要实现的效果1.跑步结束后,静态的画出整个运动轨迹2.跑步过程中,时时动态的画运动轨迹 如何实现: 1.将点与点...
  • 帮助需要进行地图开发的新手们了解iOS地图的使用,包含了定位/位移/绘制轨迹等功能
  • Android 百度地图绘制点和轨迹

    千次阅读 2021-01-23 13:43:17
    Android 百度地图绘制点和轨迹 二、环境 win10 AndroidStudio 三、代码实现 说明:注释掉的部分是我之前直接把数据定死的,只是看代码能不能正常运行,看能不能得到我预期的结果。没注释的,我是用JSON字符串来作为...
  • 高德地图Flutter插件实现绘制圆 高德地图Flutter插件中目前的文档当中只提供了绘制线、面的功能,并未提供绘制圆的功能。但是目前有一个功能需要根据中心点与半径绘制圆,所以利用其提供的Polygon API实现绘制圆。...
  • 映射层管理器一个用于处理依赖于GISCloud服务的地理地图(GIS)层的javascript控件。 此控件由类的示例库备份,这些类库提供了用于代码组织和可扩展性的基本UI框架(类系统,事件模型等)。 代码的组织方式受到ExtJS...
  • Echo Social Map 可让您轻松地从社交网络收集聊天记录,并将其实时显示在地图上。 安装说明 克隆这个存储库。 从 (从包或源)下载并安装 NodeJS 和 npm。 须藤 npm install grunt-cli -g 在项目目录下运行以下...
  • 混乱的 Trailsy是To The Trails的前端组件,该项目是由Code for America研究员与俄亥俄州萨米特县的合作伙伴共同开发的一个项目。 To The Trails是一个Web应用程序,公民可以在其中找到有关其所在地区的步道网络的...
  • 如何绘制用户体验地图 序言 作为一个产品的相关方,无论是产品经理,BA(业务专家),还是研发团队,等等,我们都希望做出来的产品,用户体验满意,甚至是爽。那么首先我们肯定需要明确我们的用户群体是谁,以及...
  • 这个项目是用 create react app 创建的 不久前我正在开发一个应用程序,并决定在今年所有热带风暴袭击东南部和西部野火的情况下将其从死里复活。 如果您是编码员朋友,请加入。 使用来自 NASA 地球观测站的实时数据...
  • 高德绘制起点与终点路线进行画线,并且可以设置当前人的位置进行定位追踪

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,904
精华内容 5,161
关键字:

地图绘制app