核心： latitude，longitude表示当前显示的位置坐标，bindtap绑定地图的点击事件，bindregionchange监听地图视野变化，bindpoitap点击地图poi点时触发（处理点击地图上的某些图标或者轮廓线不触发点击事件问题），enable-zoom是否支持缩放，scale缩放等级（3~20），min-scale 、max-scale最小最大缩放等级，markers地图标点

2.准备一份世界地图轮廓数据world.js,可在本文章上方免费下载。1.确保安装了echarts。

Nuxt3 安装element plus，Hydration completed but contains mismatches报错，警告，页面中使用element plus 组件需要在组件外包一层

这个提示的意思是，服务器渲染（SSR）的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据，比如 localStorage，或者一些全局变量，然后页面就被重新渲染了。比如我遇到这个问题时，就是因为直接在setup里引用了全局变量，导致报错。在onMounted中去渲染数据。

BD09：为百度坐标系，在GCJ02坐标系基础上再次加密。GCJ02：又称火星坐标系，是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系。WGS84：为一种大地坐标系，也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。百度地图需要用BD09坐标，如果是天地图坐标（WGS84）,则需要作转化。2、进入控制台 - 应用管理 - 我的应用 - 创建应用，填写相关信息。

vue 二次跳转同一页面，页面不刷，加上:key="route.fullPath"

修改柱状图柱子背景色渐变和圆角，可通过修改series.itemStyle.normal.barBorderRadius属性实现圆角设置，series.itemStyle.normal.color:new echarts.graphic.LinearGradient()来设置渐变色柱子。

这个提示的意思是，服务器渲染（SSR）的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据，比如 localStorage，或者一些全局变量，然后页面就被重新渲染了。比如我遇到这个问题时，就是因为直接在setup里引用了全局变量，导致报错。在onMounted中去渲染数据。