当前位置: 首页 > news >正文

在哪里可以接网站开发的外包东莞疫情最新数据

在哪里可以接网站开发的外包,东莞疫情最新数据,java做网站没有php好吗,wordpress 条件筛选需求:根据后端返回的定位坐标数据实现定位渲染 1.效果图 2.准备工作,在main.js和index.js文件中添加以下内容 main.js app.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ak: sRDDfAKpCSG5iF1rvwph4Q95M…

需求:根据后端返回的定位坐标数据实现定位渲染

1.效果图

2.准备工作,在main.js和index.js文件中添加以下内容

main.js
app.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ak: 'sRDDfAKpCSG5iF1rvwph4Q95M6tDCApL',// v:'3.0',  // 默认使用3.0// type: 'WebGL' // ||API 默认API  (使用此模式 BMap=BMapGL)
});index.js<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak=sRDDfAKpCSG5iF1rvwph4Q95M6tDCApL"></script>

3.html

<template><div><div id="main6"style="width:650px;height:400px;"></div>  </div>
</template>

4.script

<script setup>
import * as echarts from 'echarts';
import 'echarts/extension/bmap/bmap';
import {onMounted,defineProps} from 'vue';// import chinaMap from 'https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json'const props = defineProps(['data'])var initData = JSON.parse(JSON.stringify(props)).dataconsole.log(initData,'88888888888888888888888888888888266')const initMap = () =>{var chartDom = document.getElementById('main6');var myChart = echarts.init(chartDom);var option;option = {backgroundColor: 'rgba(0,0,0,.1)',title: {text: '当前服务地区',left: 'center',textStyle: {color: '#fff'}},tooltip: {trigger: 'item'},bmap: { //地理坐标系组件用于地图的绘制,支持在地图地理坐标系上绘制散点图,线集center: [120.22221, 30.2084],zoom: 10,roam: true, //是否允许鼠标放大缩小mapStyle: { //地图显示的样式styleJson: [{featureType: 'water',elementType: 'all',stylers: {color: '#044161'}},{featureType: 'land',elementType: 'all',stylers: {color: '#004981'}},{featureType: 'boundary',elementType: 'geometry',stylers: {color: '#064f85'}},{featureType: 'railway',elementType: 'all',stylers: {visibility: 'off'}},{featureType: 'highway',elementType: 'geometry',stylers: {color: '#004981'}},{featureType: 'highway',elementType: 'geometry.fill',stylers: {color: '#005b96',lightness: 1}},{featureType: 'highway',elementType: 'labels',stylers: {visibility: 'off'}},{featureType: 'arterial',elementType: 'geometry',stylers: {color: '#004981'}},{featureType: 'arterial',elementType: 'geometry.fill',stylers: {color: '#00508b'}},{featureType: 'poi',elementType: 'all',stylers: {visibility: 'off'}},{featureType: 'green',elementType: 'all',stylers: {color: '#056197',visibility: 'off'}},{featureType: 'subway',elementType: 'all',stylers: {visibility: 'off'}},{featureType: 'manmade',elementType: 'all',stylers: {visibility: 'off'}},{featureType: 'local',elementType: 'all',stylers: {visibility: 'off'}},{featureType: 'arterial',elementType: 'labels',stylers: {visibility: 'off'}},{featureType: 'boundary',elementType: 'geometry.fill',stylers: {color: '#029fd4'}},{featureType: 'building',elementType: 'all',stylers: {color: '#1a5787'}},{featureType: 'label',elementType: 'all',stylers: {visibility: 'off'}}]}},series: [{name: '', type: 'effectScatter', //样式coordinateSystem: 'bmap', //该系列使用的坐标系data:[],  // data的数据格式为[{name:'海门',value:['121.15','31.89',200]},{name:'海门111',value:['121.15','31.89',200]}...] encode: {value: 2},showEffectOn: 'render',rippleEffect: { //涟漪特效相关配置。brushType: 'stroke' //波纹的绘制方式},symbolSize: 10,  //标记的大小,可以设置数组或函数返回值的形式hoverAnimation: true, // 鼠标移入放大圆label: {formatter: '{b}',position: 'right',show: true},itemStyle: {    //样式color: '#f4e925',shadowBlur: 10,shadowColor: '#333'},emphasis: { //高亮状态下的多边形和标签样式scale: true},zlevel: 1}]};// 处理数据 将数据转换成echart可以识别的数据格式,例如[{name:'海门',value:['121.15','31.89',200]},{name:'海门111',value:['121.15','31.89',200]}...],详情请查echart地图坐标let result = []initData.map((item,index)=> {let child = {name: '', value:['','']}child.name = item.commNamechild.value[0] = Number(item.mapX)child.value[1] = Number(item.mapY)child.value[2] = Number(item.mapY)result.push(child)})console.log(result,'result')option.series[0].data = result// myChart.registerMap('china', { geoJSON: chinaMap })option && myChart.setOption(option);}onMounted(() => {initMap()}) 
</script>
http://www.zhongyajixie.com/news/16158.html

相关文章:

  • 页面设计属于什么知识产权抖音优化排名
  • 中国互联网协会理事长网站优化有哪些技巧
  • 哪个网站能学做微商群排名优化软件
  • 网站建设交印花税吗免费测试seo
  • 做电影网站要几G空间的淘宝店铺运营
  • 查企业哪个app最好正版搜索引擎优化
  • 济南 制作网站 公司吗网站百度
  • 毕业设计成品网站网络营销专业主要学什么
  • 网站建设包括如何广告推广
  • 广州市增城区建设局网站成都高端品牌网站建设
  • 怎么建设课程网站优化大师app下载安装
  • wamp可以做视频网站吗在线资源链接
  • 网站建设背景图片媒体资源网
  • 那些网站后台做推广效果好营销是做什么
  • 网站建设制作设计营销公司杭州seo短视频网页入口引流下载
  • 网站编辑软件有哪些网络整合营销
  • 哪里有免费的网站推广软件啊seo搜索引擎优化是通过优化答案
  • 企业邮箱注册需要多少钱seo外链发布平台有哪些
  • 坪山网站建设哪家便宜怎么让百度收录
  • 手机做网站软件推广策划方案怎么写
  • 建设一个网站要多少钱最有效的线下推广方式
  • 宁波外贸建站公司能够免费换友链的平台
  • 做直播的视频在线观看网站搜索引擎推广有哪些平台
  • 温州市鹿城区建设小学网站百度快照优化推广
  • 做网站宣传有用吗国内真正的永久免费砖石
  • 深圳哪里有做网站推广的廊坊自动seo
  • 网站地图的使用seo关键词外包
  • 电视直播网站怎么做优化大师官方下载
  • 南通的互联网公司网站seo自学教程
  • 网站界面设计尺寸规范长沙百度推广开户