$(document).ready(function(){
    //浮标base64图片   
    var base64Img = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODU1MjFCRjAwOEYxMUVCOTVBM0NCOTlFNjhDQ0Y4NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODU1MjFDMDAwOEYxMUVCOTVBM0NCOTlFNjhDQ0Y4NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4NTUyMUJEMDA4RjExRUI5NUEzQ0I5OUU2OENDRjg3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4NTUyMUJFMDA4RjExRUI5NUEzQ0I5OUU2OENDRjg3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+miWPjAAAAs1JREFUeNqsl12ITVEUx8+cYYbJSI3xIEqiGa8MUdNEtxFFMnigjNxIishoSh5E8kKUJKkRkgfFoNtgRMjk84GIlPKVyRifITOuueO3sk+ddut83Hvuqt+9tdfe57/X3uvsvU5J39khToSVQyMshDqYAsNhEN7CQ+iCM+VN2fdRDysJEayEVtgAo5xokwlcgO0IP8tXMAUnYayTvw3ATtiD8IDtdJUB66CzQDGxUtgF7f3nhlZERZiGtpCHvYS78BmqYQLMDJi42DWYT6RZr8GvNhWOBOzNcdgPTxX/aFgpewdVytbshc12hPLzBGqtAZ9gGdwITOGm/5Nn+UT4tMlo2+rp1+Xfw7Qi9hXmhIlZwjK5BZBR3AfspNmidEoHLGGY6B/+VsAryzWdFZjhCU6DGqvDFThfSIoi+oO/rYprlSeYUpyHnWQmk/1gtc31BOssRx9cTaJGlDllLyexrCNd5QV/Db+d5PZIaRsngiOsxh6nOPZLaSsTwV6rsaJIgtVK23fXLKHfas15mNRqlNx4J4K3lWupIYkSyeGa+9NvD0imv+K4DDnLuSlhdItgjNWW8V6LHuU1kAHzCoxOknCfckee8h9t2osuHSbnKVZqLu6JdnQsZ7dfMGPuOr9Vmf2tjykmZUg7LA47uTzBnLIMjtmHW3BUuU08oUqQKuG5kihi94iuU7vxy0yU40MCeQF3zI0/zKR+gxkbZCkErweVGM1wwime3URsdlgRJYnyuEhig6bMDK3acqYOLYa1Ed39OGWiZOaxhGLfYJvmCCrvWqA7gWCLqXFiC8oM1xYodhGxwBVyQwZ2wME8xT7CmrAObsQDWs3XUdysXE10vUkE+2EpfIkhuAOxjqhObowHvYElkA3pI2fo7jjL4MZcLqm+1wf45KBoJrrBYgo65qtqo/I11YjYz7gPcfPMwkOwXIohuASzopLEtn8CDAD5xr7pzbFV2wAAAABJRU5ErkJggg==';
    //logobase64图片
    var logoBase64 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABlCAYAAACGLCeXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE2QTU2RkIwQ0U3MTFFQkJBQUVBOUJGMEZEMDgyRUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE2QTU2RkMwQ0U3MTFFQkJBQUVBOUJGMEZEMDgyRUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNkEyMTdBRTBDRTUxMUVCQkFBRUE5QkYwRkQwODJFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTZBNTZGQTBDRTcxMUVCQkFBRUE5QkYwRkQwODJFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoOQp1IAAB/9SURBVHja7F0JeFXVtT5JbggkgUAChBCmhEko5YkJgxpKoVIpjlRsxQo4VaqoX/3QqrW+KqVYeUitaItVaEWt1qFaUYQqPMWpYpXHJAQykIQkkBAyQGaSvP8/WSvuHO7NeENuSPb37e+ee+4+e1j/Wmuvtfa+Z/t9+a/brfNmrrIsK9A602nr1q3Wxo0bz0hbNTU1VgDSwoULf3bq1Kk1FRUVVX5+fm3eLtqyRowYYfXt2/eM07emYJflstoxzZgxw4qLi7NKSkosf3//Nm2rurraCgsLuyQ4OPjJnJyc3IKCgldcLlebt9mtWzcrPDy83WjcrgAzBQUFWZWVlW0KMKUXObB79+6P8DsI/iCY6i3ksrYcG8cUHR3d5szr0wCD6FZubq514sQJqtA2k6QhQ4YsAqHH2oN2ucalpaXd/sEHH6xsy7H179/fWrRoUbvSt90BVgCys7PbhNMpvT169BgYGxv7K/P+tGnT7hs+fPgr5eXl6W0xF3NMUVFR7Sq9PgPw0KFDrZCQEIuE9jaxYUxZvXv3fghTQaTjpwhI2G/y8/MXensuJrgElmNq7+QTADPRGPnoo4+8yvGU3mHDhsUPGDDgBg9tzgdDPZGRkfGltxnrnHPO8Qm6+hTAgYGBVl5enldAJriQTL9evXotbWCcRPWxHTt2TIfU1XgDZLYLa90aO3ZsF8BOYyshIcFKTk72irFFNQnfcw6k9weNGELTLrnkkmugql/yBmOxXWgNm1m7AHYkGEPWwIEDa0WrldKEuTcE4D3alLL9+vVbBqbaBIDzvRBMsV0/X0k+BTBBpbv08ssvt0pNU4quvvpqukUjmthuLEC5+8CBAw+0lrFGjx7tSyT1LYCZoFKtCy+80CosLGwRyAQ3ODg4Kjo6+lfNtAFuRXvPlJWVHWoJyOKOWW0dHevwAHMunjRpku0Xt5TQYJLfoZ4+zQS4z7hx45YXFRVd2xKQGHOGQdcFcFMS5zDGbyFNzQKZ4ALY7yD/pEXEcLnmpaWlrd23b9+W5mgPtjtkyBBb8/ha8kmAmY4dO2atW7euWQADFL/FixcvgyS12AyPiYlZlZOTM7GysrKiqW1XVVVZgwYN8kk6+izAILR1yy23WMXFxU0CWdyiebCcp7am3d69e4+Pj4+fB5Cfa4oUU3ox51uDBw/uAri5FjUNLvinTTK2UAZaPfy33mi7T58+v4UEv43LvMaYi4wFprDOxNryWQWwGD620XXy5MlGQY6IiFgCIg/zRrtoKxqa48EXX3zx5w3Fxym9jKMvWLDAZ2no0wAzcTPArl27PEa3RIJiIO13ebNdAHfznDlznoShl+QJYFmG9Gn6+TzAVNNwX+rUtjv3JCoqajl+6+FVwrhcIaNHj14JY+9Kd+1SehmO7NevXxfArZ2LScSDBw+6laDo6OjpcKuuaaMp4vLQ0NBZmCI2uQOZfq+vJ58HWOZEa+/evVZBQUHdXExwAWyPgQMHPtGW/AWQH9+8efNkqOpCBVmjVvPmzesC2FvG1uzZs63MzMy6uVjcop8gR+ErxbsY94rxWQQmyAUIx/Py8gphWZfjeyXdVdyrJj61isGPnMLKAlEuKCwsrBfUcgTqoM7tiWdCUD4ERl4/tD03Ozt7rclcNK58aVGhQwOs6tCpEgsLC98A4V/DPF0KMCowH9eQ+LS8+ZmVlVXPhaHkuZsCjhw5UhdH5gZA3uNaMurohtw9JCQkYMyYMXXlyWRttX+s0wLsNHAkglTPT6WE6Xedu033ypM1zD3Lun5rAMcNAOX4LBfA69XfUVKHBFiJ3KdPHxts9VVNMHnNTW9NSZGRkab1XO83Ak7wOxqwHRpg4ofcHURnpiPKneVhyL3Vu+LUbZTn7jd3fy04xrnb9LqQs+S6CJkbAI6jjXR8llKaOQV3Adz6FCBgUbT6I5+LPJwBKwGPnz0FVC4LtqV41QjQBcgnkfOEMbKRDyP/B/kIcq4wRUUXwPUlkVbrUOQLkGnJxAqIUQJge/fRTzREQ/8/qRTwj4oGSEXeifw5ciZyjpQ56wHuKyByy+Fk5DjkIYZq7agpUDQJs3O/7AnkDOTtyP9G3oOcIhqgwwNMyfy2ABmPPElUbmdKPYWhma+XewUCOCX8K+TdyMkdAeAgUbXTkS8UKQ2xupIzUWN9X7IlBhzn8i3InyF/jFziKwAPECB/LFI6sh09ZO/ZWzVVtQaz3xnZ38yFkqmSLZnDv0B+A/nD1qjzlgIcjcwN5VchTxSr1htJjZUqsUorxI05v3HkarxMc4BbjW4EBDbERHSZPhFjMFDowM9Qq3X/qI+R/CO6aaLG30R+S+bzNgG4n6je+cgJLTCMCsS9OC5uR7Z8z5EBFAq4xwTgkwL4jQJwE4xdb9rOgW7APa0dfuHOjxUCaIjQtK9cE/jx4u6pZ9BHLPIIuW4ssexFkpcjf4r8gqjzI60FuDvyd5EvQ54jHWxI+tJE8g6Le2DmfWJRljWTqZa2sZ/bWhfqXuTnhWELjACKpq0e6BoqHsUgyfxLx2DRjv3le3fHcwzGz5JMf/zvhhqvbA7AUSKp10snnEBmi59Hy++QzBlJYv5781/zy2TAvpwoYfyLTHP27ZRJ/qiBOTlaLO9Y8UaGijcSKcYsNcBtkr8WJntBhMsjwFSF3PpyqTRSJn7bblENCmiGqNC2TOeJeu4IiRsOnhK3xxupVAQmyXE/RICPlTl6qkwBjPLx9RQPIW9AXql9cVl+/nxohkgsuSTR4Io0Y0480+kxq+PEyjn//l6ms7YMVdLgPCCZ6U9WbVi3r2A3VtxTboJIB7bPuUJdVf1hGBZhNvmlqNoqHyDY5UKsjpSo/eYi/+0Mt0u8jkpm8OSvIhjDKk4VhrmqS4pTBVhfSSGibjpiehD5HfEI2jNxVSypprrM4gq2rxHpdlE1HTExDr3El4x8fx8j0HBxOzpyWiJGkE8kXwP4F010/n05BYt71wWwGyPlJuvsSNdY38SVuwCWfvxeTP6zIdGwWeULbp6vALzQql2ROpsSV9Zu6QK4Nia71Do7E22KiM4O8H1WbbD9bExD29sraG+A+ZqjO6yzOy1GHtcZAWbbjDf3OssBDhaDy7+zATzTqo05d4bEsU7vTABzIfshq3MlLuEFdRaA6RZN6WQA898Zt3YGgLl2+WurcyZa1FGtrYSvreDfY/mKKf7d1dcAfsgbg+ygiRvvHmxNBfw3JcFl4otbS0tLrZycHPtlNb4AMPd33WB17rRA1HWLwDX/xK7/V+axBQSZbwd0SvSZBvgxcRs6cwoROjQ77l5UVOTxLQXMfJ8Y31ZglyO4fjWWf011uS3yhYVFNieQA/juxePHj9vfvZjoEs2yuhIT98DNae5DxMYdwKZEE0tid+RIrlVWEWD59xh4sVVaXmMVFtUCXF5eCzivVdd7ITHezK2lfl3Y1qXVVjPj1E15y4C+6aCivMQqqIyxXFHjrrMqyoohzvUr4DXB5qcX3ibzAwH36y5c6xKXEqch/6Ml829TmcFVU1XhsYCqawJMaW7FuUbcq/tmF6ank7mpVnNL3xHiaionUJqZ9IUkzXyNUFkXli1zh1RyW/rapmZZ0aq26X9pJ7qS94Gl1iSNvWEDuVrTEUZU9LVDHfU1Q76WFFhvnQDX6lrawOL2Sak6E4kCw+xNYfH3JhEIcnsBTcIwXMcpxFuA8GgfvgCV9fFzw4YNdjDB1GA65uZaue76T9Xs7eTfFtxOQrcE6MYI5O53tkPCUIvwlBYCzEjO5s2b7aN5WqomU1NT7WP29G3zrHfFihXW/PnzrY8//tgeI7POmcwM/rcEZPVW2soX83pih+laqermdWNqh4TkIGkt6lGz5m+HDh2yYmNjbU6nJc86TRfCzEz79++39uzZY58COnnyZPt9lJ4S2yWIBIwxXQ0J8p7OhfwMDQ21EhMTre3bt1vnnnvuaWNSZmPiOJqiakmrttR6bQKwDkznZw2Kc9Cm8WACRMI4/T2CmZ6ebkuUEl1Vcc+ePRsMwPAVxCzL90wnJSXZp7jwwC2+QV4T+0bmYb0Ej1JLgis47gjPepmbYoBqVMmdwaTM0NZT2hnbmK2qTC1Ec87yFEAhkQis6Xc3J9jCcgSDbVKiqXJHjRplTZkyxb7PpTb1MbUvnqxX7b/Ou80ds8k0LQXWqf6bMu+f8Z33OuimgqTM0JCmMIAfhLKHPQHNenbu3Gm/pZbvf26sD6Km+fKTJXAHXwgLC3uRczHfLd2cuVYlWiW3sbJG3f04JuRoniiDqWsQ+tMX13z7fAC0TjQYZy3q3OSpPx31bbM2k5irKxjozF69er2GwW6BsXMX1G+aTg9OArrTAvzOF447mM8FZvgjPkfic9aaNWtIr+c0shccHDwH9V+P8llodw3q3tlaIxKM+F9gph8hxyGfh7rrTv3gAVxmkiPk54aHh9+NsT52VgFMieCb3Q3VGo/cC3kOJOxbEyZMmIZBH3ECSQB5LqI7q5Und1M6DU0TA4IPUgaIiIjgP/ify8jI4EnlgdACT+F+lDDMdbAJ5uK5zS0FGXWMgW2xzfK8lZghXy7Y8IWnXMAJEKDngha+DbCqJpUwpwo2fU3e5/ypx8LL/WzDEBoVFxe3JDMz8x6nUce5kEA6VSXrJNOkpKTUWdXDhg27T4/rkXXWP2tZtAsFUvkkQOUWHL63OhTtXow6NjdkE2h/PfzOAXc3+nsC9X2O/D76swttHYSVnwR3MGHIkCGztRys+n9s27bNrdHpak9ATfBAnNkg/n24vwMDeAD3TuqGA5YFKOdjAPfg64sg7Ot8RtSkVmO+m4qSeD6PWncSmHU6z0PUvuhZSGQCqMdRuJ6vZdDWO7DGN7C9ESNG2CFaEH75sWPHvoRkv0aAUSynoXmd9ZMxG0ilqL8UYNpmOuiwCmN9iAzHsaIdKy0tjUcV/FxjGLj/cVRU1BOXX365W5vC1VJJMz0HyaydiJQ7ftfXMdV4MpCQggAI5zr+l2cqiHYUHV9OIvJ0E9YHNfQACH4JMue9e/D7Sj0xXICplDlJ6091twJDKTV9VDGk+NcSUj6ZR8wTZLTN/0zpq+5oId1HC5wA65F7tAHy8/M3ow8XoM6rUeYvDQHcWDADDLwQfQkTpkfV+c/SLiBDAuyB6PvY+Pj46WhjjpQ5cvDgwQVw9co9nVvsMgjC3QVFGHClQ8IIUAwGMIavz8fnIAyQ804fVMrXGfYBQYJ5tCueKcX9bICVju95KNcbv03FdT4G9yg69KqCy8EabZxCmePIBJhW7hVwj5YTCBKUqgvXgw1jg/PsSif9HEAmUVrdqXmTGPg9CPMe1Wow+nspiPUJfqdRVXcGMfzut1BfHvp3BcqPQuarJkZjbMXoy/34fTee2U3g3RGafWjMpcFv/hjjFfoV9Pmf/v37V6LNxajzIrQ1Db+bbz/4Au3eDM2WypNlPLpJMi9NioyMfAuVHcFAVuPzFAYdh0q/hWvquSHovMuTm+L4HKmBAJO4aONpcPz/UpXqXGgQg+DwNboT5DkOhBNKuQRJAgxpIjHydQ415lgn9YpMCdalTueh0xjjFBpKLAIN8FN8fo7vD1rGmQ+Q1gtw72vk3s7xg9GiMK7z0Y8K7Ys7IHVe96QV0Y9L0V/dbVkD2vBIvbtxHU5t4YyTFBYWPoK8i7TWKJs7F8zFgDq44HpUyFfkReKBZ92Z5E1Q28fAHKlobBsy32wejs/VSiiChrpjzLnSMeCjxv0gSJDLUPcBVv1diCVuVGE9qlJl61E5mrgZjXOgGlQkekxMzK+tb3ZWXArG3onfxzp88QGexo42+uOZAE/A6rzv1CbOBEYx//Xgj7KT3BQ7DA3zLzDCRAB6JwDdivYLqcI5VrcASyea8xb2kxjIPlSWiudiMPiJohLnFRQUvE83g3Mhfg/E70uRIw1C9fA0D6NOP+P6FAhSrVanAGByw6kmxHhdzjlPrW6NLAGY+3BvuqFlOE1FOJiXQYVc1JWPTzIhrfUcfD9JHxXjfhvjKvUELtsiU3maf8X3jYeAXdzAcMpQ7jLQ5H3UMxQSnYS+uqCan0bdr6OdN9DOKXd9cEls1l1Ql/PAHjy4F5Vx/uHrCALx/WsMarJEZn4BSZ8okaISxoc18kSr0s/BsgTOXXRHiNtDVba4B7Z6NqTQz7BoqzWEyaiUO2MKAAeb1jLr0voxhlAQaQX6fGsjvvZqtPMINFw+6ioT48s2rvjJdp3+uHPepRHIaaEh9QyB+LmOD2N7Cfe2oW9BeOZhq/aVxJUAtyfqvBeSezXBlTZ+DPozUwstdbqTNsAyN9QYWJRCla2GRfc6fvsS96vQAUo4XwwaiIk9i0F5WpQoo6OqQcdKFFzOdTz7Dx0Jrj+WmlJHGLCOEDzB25D0CrRZ3cB8VkWpMJjptHIYdJAGLZh4kri6XXhutKkSGd4EaOvR3wTk78htSi1DlJVqfeN6ApkWavKrDz/80Bo5cmTd+cFO9UjwCS43ojcELphjSHR09FXyvTo9PX05mHYPgJza/ZvJtydo7XH3ZUZGxoB9+/bZ13QNxTCtBZgdCA8PLzOIUYR6f4kOVumOSoms+AvhPmMc1yE15eDuE+ZiADrbRyxwHQy58KQZ1Hds94kwJKeG0qdLh86EezXmfQ/Wqekh2IQ+cOCAquZdCQkJN+H6QgDzKdp6E2MNhUtSBzqmm+cw1kmgxQA8Pxi/0ZC6it4Crl/FWG77/PPPj3MZ01O8nMubdHM8Wc8SVfspD/iS7y/DLZwFurwhlrpfIxpmO8pue//999fynMYrr7ySx+3WndZmE4E3OM+YzA+wB+BeJjsuQPZWYwkESTGX+YQ7q3Bt75ykI85oEEz8qHHjxplcUIpnTjhXkIzBhxgSXKrWYUvjumKo1JVjcIKnl4q6rERf1uFznS62Q2KeUTcEZVJx/yX04QtlbLMvAP3Hc+fOTYIk/8rT4gHbpXA4DT1ndBS0XqTlIYVPQnguQlsj3Nk+YKoklOuHeqPpA4MxLwSznuJ6N/13ukvm6pUN8KeffspgwjECrQCjIh6zmqkL0uCSERisn3BZogKMSgpl4N1wbwCf4TmActjjeY456QgIc9yx+lPPHzWuMxtbc23CYkSZuXBAbUEiUIrNdWc5rZR+Zt1fSaD+/3v//v1f4X4yCMhDRqidqKrDDYOtP+f/hpL++8/TCeIAd4EuJqCvH0Eo6H3sQp+Ggq58y74av8UoPwUMtRfj+IQA0xtB3yZQo4wdO5ZojkeZKOR1chRf7bjJ2WjIfNtsABtAg7t0vxEqvUQ6tRdq4QBBFQD0vcWBuLcRFdMguxEScAjfxzjUSSo4rsKI2lgO/87fCEgkc87ztFjuKdTrWFCvNDewEWxGxbjQQLCNoAcPgX7YYIx/QzW/MH78eD57OcpM5XIc8rfBBO8YmwU2evpvrrpGupfcU9wZ7d5gGIV/Rv20U4pxfTNuDQeNdopm49nHgWCoy/BYnGiUb1m1rw+u1y7ofwvansMYtn1qKgPvKFzvLyWYf6K5yYxSjcHGoSPXckIGR96FhsrVj0T6EqotXQ6I7E93C2Umor5DMoeYjR80g+FKBMPR72aAebgF/6Lwdxg5gc6jZUlw9X85J4uRMwOexAXG9BCC8f4d+RBU+lrceob2CZ7/viF95TBEd3pyfdgW6arbijyo8Ino43gBNz03N/d1PQ5XPIz+YCo/GUOoxBaCPDG00XYUyi7Es7VvfBcHPA2cXIzPEHG6h5IYkDgXAH4GhWm1Xo/v79EV4gAoffg8Aav6WpS/G50ajQFvxXdKcgjuxTpU5oEGFvr9AHCQUfawEo/S5snHZOKWHG67AXf707I3gOrufI59dxptKPeAo16e1MbM42lvA/EXIf8NgE80tNHXeC7dk3YhE3Hq88QA1B6YN2+DcGiA5K9gBnoYCahzJvowA+1NMqJp/lbD7/fgm+BzRdIPo47H6+ZgWd04CkCycNM+1AoND5cgw/3U6+DkWbi3VberqHElrsAnePYTMIS9fkbORbnvuon+JJpuEfdVKQGorTDAUPWlcnJyMmkMsS5ytTNShd/8qGFYn9oO6KuTcwKdRN+0aZPdrsbCIbnnT58+/TvCVFkY518HDx58v/rvGF8o8noMq4BBHYMpdsGgqXK6fBqOpOpmhJC+utNHl2mhD2h2sYBN43Mwpo4vMIZ4Nwsx+hyPsE9BfVm4/pgBD9Rzs9BjA+7dBKGrxmeZyXi2iuaUgkrpSI0UqZkAQLujg+9AFf0JlXFCt3cc6mqKcqKudnDO4z/MOTAQ/bt43s/g2CLc32vGj83APNdckXWROwuDPcSyhgVKcKtN9as7L/W/Ug2FLvW3+Pj4egXQzqMaAgWR/pCYmLgC43sNzDYK42XggCohAG28aqpEjHc3x2wyrC41kj4Elct37l6rIMYVF0sGCC3exHOj8Ey8o1yZGJ5+SkMwzmLU+RE1FgyyT+X+MQgXd5OUuIlZWy7DmtyCxvS9VbFQ3bEA4Ct2mtEuVZVGlIQoR5DLAV4KKq+itJHw4O4rHFGlD5CzGnBzwjWQj/v/RluF5qoTBRDtVBrx314Kvm7b8Tsd4VNOtShzqYYHbwaQU+W37ajncTIrPndA2ndAs+2MiIj4guOz6r+VoATPvq17pTVujzm0nkvkPJHcsengKul75bZt27j2HTRz5kwei3OOqONgjPtt5FfQ1p9JGzwThfwqGItqfAauz8fj2/Pz8+eD5gfceR22tlA1ic83QNjlYrX5A7A7UPEmmvGoLByFIzAnhYMoESjXD41wQxi5sDskgdz0MAZ6EJz/E9w/10HcN3XuFgu0blup+Itj1E1CvZ9pZ40lxSo17qTjYRrm9GTEoM0K1RjKKMqkaCMWfdVzIUowzSzC/Qr6kWxbVrr2g4B34/oJc2WJkoJ70XQXTXfLuYFAVTOlzVx75ljRBl+Mxg2Az69atSr1uuuuY38vgBaJxm/r0TaXWLPRPgMqSbj3R9TB105Fgtbv4rocDLgGgnUv6MDAlE1T3R2qHgLvuQxTPwMVvwsunCsd/hk+fsZlKHPPkrsEYjFgz3wCz/V0EDoTXPe6CYSpnkW1XSxx2BNw9t9QY4wEZ6fZYWiRQo22AZCnVEWKF3D61ojS0hKNRevcqFKFZ7gcaO+ET05OXgIp+D+6T5zPSSzaJWwXz/0NbS/BMyMNyeyL/m5Bv5/DGFbQ4PJo1ssrFbR/hstJUa8eOXLkY+vXr7fbQz2VtNzRbjfpfwbvg7Y7MDXOhjb5Es/GoH0GQU6grncxhRaRljaQoKd6Kabw1Ekwv4CD1inAzd3oIXNFTzdBf4bditT8J+FMpuFzuDdZCPAO+pOizMBAAgkue4m5njwSvz3NkB7VoUqbOykGYYo1JsvoGvdFsw9Qw3GTJk1aIPPuK3h+DcHV/dPfTPMBs9H2b/G829NUUX4h+nAV+vQKCLqSK2xmP2QasNtmwEOYKzAhIeEaO9Cdm7shJSWFa8x2lM1Qsd0kWpZO0MikoFc+mP9RfF+jDgHU8j+hUV/C779jcMTjtlnzB3T2X+jsOxrY0K0jyNkY8GGuJIFbktH4UZQ7gXsltAJB8AgMlvNSgMM1+goqark5d5u7FkUiIsUtOYHfHo6Li3PbURhwfwdR3sU8X6RGVUPRLg2LshwMEns/E68B+jJ8+qP/z2Mst9K+kDfU0EIZjjH8EGWuwdjGGuPIRX0fSrQrwJBmbrS7EfSahzbeBcM8gjb/Yy44sH6dqyMjIxMYV0DbKenp6XdSfRNEZWIRAH95Nkv89kgw+p34bb5zjJj25iH/EOPYij7S0NqCPhXXA9iMttDfRb4HHH0OCjKatBRqIgll8nDvlG500w6JGrPfzwQCvor7V+D+bjIEnn8a3LUF5SvMeYocqdaluAxTMIAeu3btugtz0n4FjVMH/Vr+3cSQiiLn5rgGAvm5SjQu9MvCyQXg/FkY11/QhxtlnmTnboDa5n6oWNkTVUgDBn07gLJboMI34foIGPAK1PEUykQ7VHEPjP2HyJfiuWeQfynbn2wvg5qI12DO2wBG1tGjR2fAJUvnPUbX6BLq1KUGHX77HtqaiczFCC54kG73cIMB8j3mVi48xy20P8AzKRKqfA2fiadJsBBmHyoaj85ykbna3Tqn01KTAdyAzjMInkwm0ICCuahA1az/MDC4nMRaCnAfX7t2bd1znH8uu+yyegCbPic1gRkEkW09dYYQiEZGs5mJ/iiLQMqozj5D/24luLL5roYhSHy+x1VIZHJ8BQyYcgVGNQGe+yeBRx+X4dkb3ESTuqGuxdyEj+s/gTlegWBkMTaPOoJx/yIIw51g8jSuNMleaxtg0Hsofr/Tqj2TkL/92vSh0S/ue15JdY/7e+jG6R42A5tY5GVgigdQ/lmM/xlPuyqbdby4EIAMkezJUfe0KxPXT4nrY4OrABNET38uU81hRopwz0/dFBBsNfqQwe+03vmJ+gaCAXfjmXtBzHLTSkc+6rTI3Y1BGDUbwN0E4r2MNhkUme4si7boP/8eDHgVmGKq3PNDe/djfC+qR6GhU5Hetbj3PTdTDUOiy/D5mvFmu/V5eXmboO5vB404RThPaO2Bvt2B32/pcP9s4CBpPDmX6XA/Vy7zQLRn1TsgMak5uO0mMTHxdkhlDaXfC//qe6+goOA9MM9s1HctCDqLO1NpdwC4O0D0KEhqtQZs0IdiMN4anTYIrK40yfdMw7M4SSsZ+R+4ZpSq2MloGF8OV70A9GpoiFmgyWyUoycTjvZXgWG24vloV0cDlyqK8WfngLn6NXz48C0A9AVcJ6l6U6DxvaIVr4HyqI3Q1kYQdCNA5HLpQICaCKkqVntFtYpTO3BtWv9cTk2C6WMD5uPxeOYPKPshcqqnvc7m1EdbA2N8HuWfB5PQ9eu3ZcuWfdOmTbOnw/8XYAAYplwvT4sLeQAAAABJRU5ErkJggg==';
    //全球地图蓝色国家 
    var hightColorWorldData = ['中国','爱尔兰','新加坡','英国','匈牙利','阿联酋','印度','韩国','加拿大','美国','德国','法国','新西兰','日本','南非','荷兰','马来西亚','白俄罗斯','丹麦','瑞典','意大利','俄罗斯','奥地利','波兰','芬兰','挪威','以色列','罗马尼亚','保加利亚','阿尔及利亚','利比亚','科威特','巴基斯坦','越南','菲律宾','巴西','土耳其','孟加拉国','柬埔寨','缅甸','中国香港','中国澳门','哈萨克斯坦','塞尔维亚','格鲁吉亚',];
    //全球地图需要高亮的索引值
    var hightIndexWorldArr = [];
    //全球地图需要黄色标注的点
    var scatterWorldData = [
        {
            name:'四川成都',
            coord: [104.072366,30.662801],
            enName:'China',
            symbol: logoBase64,
            symbolSize: [60,50],
            itemStyle: {
                normal: {
                    color:"inherit",
                    borderColor: 'inherit',
                    borderWidth: 1,            // 标注边线线宽，单位px，默认为1
                    label: {
                        show: false,
                    }
                },
                emphasis: {
                    borderColor: '#inherit',
                    borderWidth: 10,
                    label: {
                        show: false
                    }
                }
            },
        },
        {
            name:'中国香港',
            coord: [114.12,22.26,10],
            value: [
                {
                    chName:'四川发展国际控股有限公司',
                    enName:'Sichuan Development International Holding Co., Ltd.'
                }
            ],
            enName:'Hongkong, China',
        },
        {
            name:'印度',
            coord: [77.13,28.37,10],
            value:[
                {
                    chName:'加德纳公司班加罗尔工厂',
                    enName:'Gardner Aerospace – Bengaluru'
                },
                {
                    chName:'清新环境印度北方邦电力集团安帕拉D电厂（2x500MW）机组烟气脱硫系统包EPC总承包项目',
                    enName:'SPC Environment Indian Uttar Pradesh Anpara D Power Station (2x500MW) Desulphurization Project'
                },
                {
                    chName:'清新环境印度国家电力公司（NTPC）辛格劳利电厂一期、二期（5x200MW+2x500MW）烟气脱硫系统',
                    enName:'SPC Environment Indian NTPC No. 4 Singrauli Power Station Phase I-II (5x200MW+2x500MW) Desulphurization Project'
                },

            ],
            enName:'India',
        },
        {
            name:'以色列',
            coord: [34.46,32.05,10],
            value:[
                {
                    chName:'新筑股份超级电容客车示范线项目',
                    enName:'Xinzhu Corporation Super-capacitor Bus Route Project'
                },
            ],
            enName:'Israel',
        },
        {
            name:'白俄罗斯',
            coord: [27.3,53.51,10],
            value:[
                {
                    chName:'中国·白俄罗斯工业园超级电容项目',
                    enName:'China-Belarus Industrial Park Super-capacitor Project'
                },
            ],
            enName:'Belarus',
        },
        {
            name:'波兰',
            coord: [18.38,52.22,10],
            value:[
                {
                    chName:'加德纳公司热舒夫工厂',
                    enName:'Gardner Aerospace Rzeszow SP.z.o.o'
                },
                {
                    chName:'加德纳公司梅莱茨工厂',
                    enName:'Gardner Aerospace Mielec SP.z.o.o'
                },
                {
                    chName:'加德纳公司特切夫工厂',
                    enName:'Gardner Aerospace Tczew SP.z.o.o'
                },
                {
                    chName:'加德纳公司新登巴工厂',
                    enName:'Gardner Aerospace – Nowa Deba Sp. Z o.o.'
                },
                {
                    chName:'清新环境波兰子公司',
                    enName:'SPC Environment Poland Subsidiary'
                },
            ],
            enName:'Poland',
        },
        {
            name:'瑞典',
            coord: [14.40,63,10],
            value:[
                {
                    chName:'新筑股份瑞典办事处',
                    enName:'Xinzhu Corporation Sweden Office'
                },
            ],
            enName:'Sweden',
        },
        {
            name:'丹麦',
            coord: [12.34,55.43,10],
            value:[
                {
                    chName:'新筑股份丹麦研发中心',
                    enName:'Xinzhu Corporation Denmark R&D Center'
                },
            ],
            enName:'Denmark',
        },
        {
            name:'英国',
            coord: [-3.331884,57.368943,10],
            value:[
                {
                    chName:'加德纳公司德比总部',
                    enName:'Gardner Aerospace Derby Headquarter'
                },
                {
                    chName:'加德纳公司巴西尔登工厂',
                    enName:'Gardner Aerospace Basildon'
                },
                {
                    chName:'加德纳公司布劳顿工厂',
                    enName:'Gardner Aerospace Broughton'
                },
                {
                    chName:'加德纳公司赫尔工厂',
                    enName:'Gardner Aerospace Hull'
                },
                {
                    chName:'加德纳公司珀肖尔工厂',
                    enName:'Gardner Aerospace – Pershore (Blade) '
                },
                {
                    chName:'加德纳公司切斯特工厂',
                    enName:'Gardner Aerospace – Chester'
                },
                {
                    chName:'加德纳公司康塞特工厂',
                    enName:'Gardner Aerospace – Consett Limited'
                },
            ],
            enName:'U.K.',
        },
        {
            name:'爱尔兰',
            coord: [-8.483127,53.808508,10],
            value:[
                {
                    chName:'国翔国际飞机租赁有限公司',
                    enName:'SDH Wings International Leasing Co., Ltd.'
                },
            ],
            enName:'Ireland',
        },
        {
            name:'法国',
            coord: [3.12,47.5,10],
            value:[
                {
                    chName:'加德纳公司贝莱斯塔工厂',
                    enName:'Gardner Aerospace – Belesta '
                },
                {
                    chName:'加德纳公司马泽尔工厂',
                    enName:'Gardner Aerospace – Mazeres'
                },
            ],
            enName:'France',
        },
        {
            name:'德国',
            coord: [10,50,10],
            value:[
                {
                    chName:'新筑欧洲公司',
                    enName:'Xinzhu GmbH'
                },
                {
                    chName:'清新环境德国合资公司',
                    enName:'SPC Environment Germany JV'
                },
            ],
            enName:'Germany',
        },
    ];

    //中国地图蓝色地区
    var hightColorChinaData = ['新疆','贵州','陕西','湖南','北京市','山东','天津市','内蒙古','上海市','江苏','广东','重庆市','西藏','四川','青海','甘肃','北京','天津','重庆','上海','香港'];
    //中国地图需要高亮的索引值
    var hightIndexChinaArr = [];
    //中国地图需要黄色标注的点
    var scatterChinaData = [
        {
            name:'香港',
            coord: [114.12,22.26,10],
            value: [
                {
                    chName:'四川发展国际控股有限公司',
                    enName:'Sichuan Development International Holding Co., Ltd.'
                }
            ],
        },
        {
            name:'新疆',
            coord: [75.59,39.30,10],
            value: [
                {
                    chName:'喀什市污水处理项目',
                    enName:'Xinjiang: Sewage Treatment Project in Kashgar City'
                }
            ],
        },
        {
            name:'贵州',
            coord: [106.42,26.35,10],
            value:[
                {
                    chName:'贵州绿之磷老虎磷矿项目 ',
                    enName:'Guizhou Green Phosphorus Tiger Phosphate Mine Project'
                },

            ],
        },
        {
            name:'陕西',
            coord: [108.57,34.17 ,10],
            value:[
                {
                    chName:'陕西炼石有色资源股份有限公司 ',
                    enName:'Shaanxi Refined Stone Nonferrous Resources Co., Ltd.'
                },
            ],
        },
        {
            name:'湖南',
            coord: [112.59,28.12,10],
            value:[
                {
                    chName:'澧县德晖及泽辉光伏发电项目',
                    enName:'Dehui and Zehui Photovoltaic Power Generation Project in Lixian County'
                },
                {
                    chName:'桃源湘成光伏发电项目 ',
                    enName:'Xiangcheng Photovoltaic Power Generation Project in Taoyuan'
                },
            ],
        },
        {
            name:'北京市',
            coord: [116.24,39.55,10],
            value:[
                {
                    chName:'北京川发投资管理有限公司',
                    enName:'Beijing Chuanfa Investment Management Co., Ltd.'
                },
                {
                    chName:'清新环境技术股份有限公司',
                    enName:'Qingxin Environmental Technology Co., Ltd.'
                },
                {
                    chName:'中盐股份项目',
                    enName:'China National Salt Corporation Project'
                },
                {
                    chName:'华宇软件项目',
                    enName:'Huayu Software Project'
                },
            ],
        },
        {
            name:'山东',
            coord: [117.32,35.55,10],
            value:[
                {
                    chName:'青岛市生活污泥综合处理项目',
                    enName:'Qingdao Domestic Sludge Comprehensive Treatment Project'
                },
            ],
        },
        {
            name:'天津市',
            coord: [117.12,39.02,10],
            value:[
                {
                    chName:'国翔国际（天津）飞机租赁有限公司 ',
                    enName:'Guoxiang International (Tianjin) Aircraft Leasing Co., Ltd.'
                },
            ],
        },
        {
            name:'内蒙古',
            coord: [111.41,40.48,10],
            value:[
                {
                    chName:'托克托电厂烟气净化运营项目、察雅光伏发电项目',
                    enName:'Tuoketuo Power Plant Flue Gas Purification Operation Project and Chaya Photovoltaic Power Generation Project'
                },
            ],
        },
        {
            name:'上海市',
            coord: [121.29,31.14,10],
            value:[
                {
                    chName:'新筑股份超级电容项目',
                    enName:'Xinzhu Super Capacitor Project'
                },
            ],
        },
        {
            name:'江苏',
            coord: [119.01,33.36,10],
            value:[
                {
                    chName:'南京银茂铅锌矿项目',
                    enName:'Nanjing Yinmao Lead-Zinc Mine Project'
                },
            ],
        },
        {
            name:'广东',
            coord: [112.57,23.56,10],
            value:[
                {
                    chName:'深港科技创新合作区产业投资基金项目',
                    enName:'Industrial Investment Fund Project of Shenzhen-Hong Kong Science and Technology Innovation Cooperation Zone'
                },
            ],
        },
        {
            name:'重庆市',
            coord: [106.33,29.35,10],
            value:[
                {
                    chName:'神华神东电力万州电厂脱硫除尘超低排放改造项目',
                    enName:'Shenhua Shendong Power Wanzhou Power Plant Desulfurization and Dust Removal Ultra-low Emission Reconstruction Project'
                },
            ],
        },
        {
            name:'西藏',
            coord: [91.08,29.39,10],
            value:[
                {
                    chName:'西藏电商产业园项目',
                    enName:'Tibet E-commerce Industrial Park Project'
                },
            ],
        },
        {
            name:'四川',
            coord: [104.04,30.40,10],
            value:[
                {
                    chName:'天府国际慢城项目 ',
                    enName:'Tianfu International Slow City Project'
                },
                {
                    chName:'天府农博园项目  ',
                    enName:'Tianfu Agricultural Expo Park Project'
                },
                {
                    chName:'川发 · 天府上城项目  ',
                    enName:'Tianfu International Slow City Project'
                },
                {
                    chName:'兴文世界级旅游目的地项目 ',
                    enName:'Xingwen World-class Tourism Destination Project'
                },
                {
                    chName:'文峰二期供排水项目  ',
                    enName:'Wenfeng Phase II Water Supply and Drainage Project'
                },
                {
                    chName:'邻玉 · 中国酒镇项目  ',
                    enName:'China Wine Town Project'
                },
                {
                    chName:'普达阳光项目  ',
                    enName:'Puda Sunshine Project'
                },
                {
                    chName:'绿色经济产业园项目 ',
                    enName:'Green Economy Industrial Park Project'
                },
                {
                    chName:'游仙区乡村旅游环线及芙蓉溪整治项目  ',
                    enName:'Youxian District Rural Tourism Loop and Furongxi Renovation Project'
                },
                {
                    chName:'丰谷酒业有限责任公司  ',
                    enName:'Fenggu Wine Industry Co., Ltd'
                },
                {
                    chName:'四川省信创产业园项目 ',
                    enName:'Sichuan IT application and innovation industry Park Project'
                },
                {
                    chName:'川渝合作高滩园区项目 ',
                    enName:'Sichuan Chongqing cooperation gaotan Park Project'
                },
                {
                    chName:'都江堰MTR旅游客运专线项目 ',
                    enName:'Dujiangyan MTR Tourism Passenger Dedicated Line Project'
                },
                {
                    chName:'古尔沟国际温泉度假小镇项目 ',
                    enName:'Gulgou international hot spring resort town project'
                },
            ],
        },
        {
            name:'青海',
            coord: [101.48,36.38,10],
            value:[
                {
                    chName:'四川国润和洁环境科技有限公司 ',
                    enName:'Sichuan Guorun Hejie Environmental Technology Co., Ltd.'
                },
            ],
        },
        {
            name:'甘肃',
            coord: [103.51,36.04,10],
            value:[
                {
                    chName:'玛曲光伏发电项目',
                    enName:'Maqu Photovoltaic Power Generation Project'
                },
            ],
        },
    ];
    //获取本地world数据集合
    $.getJSON('assets/index/js/world.json',function(res){
        console.log(res);
        var namemap = res.namemap;
        var dataArr = res.dataArr;

        dataArr.forEach((item,index)=>{
            if(hightColorWorldData.includes(item.name)){
                hightIndexWorldArr.push(index)
            }
        });
        drawWorldChart(namemap, dataArr);
    });


    //获取本地国内数据集合
    $.getJSON('assets/index/js/china.json',function(res){
        console.log(res);
        var dataArr = res.dataArr;
        dataArr.forEach((item,index)=>{
            if(hightColorChinaData.includes(item.name)){
                hightIndexChinaArr.push(index)
            }
        });
        drawChinaChart(dataArr);
    });
    

    //渲染世界地图
    function drawWorldChart (name, data) {
        // 基于准备好的dom，初始化echarts实例
        let chart = echarts.init(document.getElementById('worldMap'))
        // 监听屏幕变化自动缩放图表
        window.addEventListener('resize', function () {
            chart.resize()
        })
        // 绘制图表
        chart.setOption({
            // 图表主标题
            title: {
                show: false,
            },
            grid: {
                left: '0',
                right: '0',
                bottom: '0',
                top:'0',
                containLabel: false
            },
            // 提示框组件
            tooltip: {
                trigger: 'item', // 触发类型, 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用
                // 提示框浮层内容格式器，支持字符串模板和回调函数两种形式
                // 使用函数模板  传入的数据值 -> value: number | Array
                formatter: function (val) {
                    if(val.componentType === 'markPoint' && val.dataIndex !== 0){
                        var data = val.data,
                            htmlStr = '';
                            fStr = '<div class="tooltip-box">'
                            +'<div class="title">'
                            +'<p class="cn">'+data.name+'</p>'
                            +'<p class="en">'+data.enName+'</p>'
                            +'</div>'
                            +'<div class="word">',
                            cStr = '',
                            eStr = '</div></div>';

                        if(data.value){
                            data.value.forEach((item)=>{
                                var itemStr = '<div class="word-item">'
                                +'<h5>'+item.chName+'</h5>'
                                +'<p>'+item.enName+'</p>'
                                +'</div>';
                                cStr += itemStr;
                            });
                        }
                        htmlStr = fStr + cStr + eStr;
                        return htmlStr;
                    }else{
                        if(val.data){
                            return val.data.name
                        }
                    }
                },
                padding:0,
                backgroundColor:'inherit',
                extraCssText:'width:260px; white-space:pre-wrap',
                position: function(point, params, dom, rect, size){
                    //其中point为当前鼠标的位置，size中有两个属性：viewSize和contentSize，分别为外层div和tooltip提示框的大小
                    var x = point[0];//
                    var y = point[1];
                    
                    return [x,y];
                },
                enterable: true,           
            },
            series: [
                {
                    type: 'map', // 类型
                    // 系列名称，用于tooltip的显示，legend 的图例筛选 在 setOption 更新数据和配置项时用于指定对应的系列
                    name: '世界地图',
                    mapType: 'world', // 地图类型
                    // 是否开启鼠标缩放和平移漫游 默认不开启 如果只想要开启缩放或者平移，可以设置成 'scale' 或者 'move' 设置成 true 为都开启
                    roam: true,
                    // 图形上的文本标签
                    label: {
                        show: false // 是否显示对应地名
                    },
                    scaleLimit:{
                        min:1.2,
                        max:1.2
                    },
                    aspectScale: .7,
                    //地图缩放比例
                    zoom: 1.2,
                    // 地图区域的多边形 图形样式
                    itemStyle: {
                        areaColor: '#dcdcdc', // 地图区域的颜色 如果设置了visualMap，areaColor属性将不起作用
                        borderWidth: 0.5, // 描边线宽 为 0 时无描边
                        borderColor: '#000', // 图形的描边颜色 支持的颜色格式同 color，不支持回调函数
                        borderType: 'solid' // 描边类型，默认为实线，支持 'solid', 'dashed', 'dotted'
                    },
                    // 高亮状态下的多边形和标签样式
                    emphasis: {
                        label: {
                            show: false, // 是否显示标签
                            color: '#fff', // 文字的颜色 如果设置为 'auto'，则为视觉映射得到的颜色，如系列色
                            fontSize: '20px'
                        },
                        itemStyle: {
                            areaColor: '#16499b' // 地图区域的颜色
                        }
                    },
                    // 自定义地区的名称映射
                    nameMap: name,
                    // 地图系列中的数据内容数组 数组项可以为单个数值
                    data: data,
                    // 图标标注
                    markPoint: {
                        symbol: base64Img,
                        symbolSize: [21,27],       // 标注大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
                        symbolOffset: [0,'-50%'],
                        itemStyle: {
                            normal: {
                                color:"#f8ad04",
                                borderColor: '#f8ad04',
                                borderWidth: 1,            // 标注边线线宽，单位px，默认为1
                                label: {
                                    show: false,
                                }
                            },
                            emphasis: {
                                borderColor: '#f8ad04',
                                borderWidth: 1,
                                label: {
                                    show: false
                                }
                            }
                        },
                        effect : {
                            show: true,
                            shadowBlur : 0
                        },
                        data: scatterWorldData,
                    },
                }]
            }
        )
        //高亮效果
        hightIndexWorldArr.forEach((item)=>{
            chart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: item
            });
        });

        chart.on("mouseover", function (params){
            if(!hightColorWorldData.includes(params.name)){
                chart.dispatchAction({
                    type: 'downplay'
                });
                //高亮效果
                hightIndexWorldArr.forEach((item)=>{
                    chart.dispatchAction({
                        type: 'highlight',
                        seriesIndex: 0,
                        dataIndex: item
                    });
                });
            }
            
            if(params.componentType === 'markPoint'){
                $('.tooltip-world').hide();
            }

        });
        // chart.on("mouseout", function (params){
        //     $('.tooltip-world').show();
        // });

    }

    //绘制中国地图
    function drawChinaChart (data) {

        // 基于准备好的dom，初始化echarts实例
        let chart = echarts.init(document.getElementById('chinaMap'))
        // 监听屏幕变化自动缩放图表
        window.addEventListener('resize', function () {
            chart.resize()
        })
        // 绘制图表
        chart.setOption({
            // 图表主标题
            title: {
                show: false,
            },
            grid: {
                left: '0',
                right: '0',
                bottom: '0',
                top:'0',
                containLabel: false
            },
            // 提示框组件
            tooltip: {
                trigger: 'item', // 触发类型, 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用
                // 提示框浮层内容格式器，支持字符串模板和回调函数两种形式
                // 使用函数模板  传入的数据值 -> value: number | Array
                formatter: function (val) {
                    if(val.componentType === 'markPoint'){
                        var data = val.data,
                            htmlStr = '';
                            fStr = '<div class="tooltip-box">'
                            +'<div class="title">'
                            +'<p class="cn">'+data.name+'</p>'
                            +'</div>'
                            +'<div class="word">',
                            cStr = '',
                            eStr = '</div></div>';

                        data.value.forEach((item)=>{
                            var itemStr = '<div class="word-item">'
                            +'<h5>'+item.chName+'</h5>'
                            +'<p>'+item.enName+'</p>'
                            +'</div>';
                            cStr += itemStr;
                        });
                        htmlStr = fStr + cStr + eStr;
                        return htmlStr;
                    }else{
                        return val.name
                    }
                },
                padding:0,
                backgroundColor:'inherit',
                extraCssText:'width:260px; white-space:pre-wrap',
                position: function(point, params, dom, rect, size){
                    //其中point为当前鼠标的位置，size中有两个属性：viewSize和contentSize，分别为外层div和tooltip提示框的大小
                    var x = point[0];//
                    var y = point[1];
                    
                    return [x,y];
                },
                enterable: true, 
            },
            series: [
                {
                    type: 'map', // 类型
                    // 系列名称，用于tooltip的显示，legend 的图例筛选 在 setOption 更新数据和配置项时用于指定对应的系列
                    name: '中国地图',
                    mapType: 'china', // 地图类型
                    // 是否开启鼠标缩放和平移漫游 默认不开启 如果只想要开启缩放或者平移，可以设置成 'scale' 或者 'move' 设置成 true 为都开启
                    roam: true,
                    // 图形上的文本标签
                    label: {
                        show: false // 是否显示对应地名
                    },
                    aspectScale: .7,
                    //地图缩放比例
                    zoom: 1.2,
                    scaleLimit:{
                        min:1.2,
                        max:1.2
                    },
                    // 地图区域的多边形 图形样式
                    itemStyle: {
                        areaColor: '#dcdcdc', // 地图区域的颜色 如果设置了visualMap，areaColor属性将不起作用
                        borderWidth: 0.5, // 描边线宽 为 0 时无描边
                        borderColor: '#000', // 图形的描边颜色 支持的颜色格式同 color，不支持回调函数
                        borderType: 'solid' // 描边类型，默认为实线，支持 'solid', 'dashed', 'dotted'
                    },
                    // 高亮状态下的多边形和标签样式
                    emphasis: {
                        label: {
                            show: false, // 是否显示标签
                            color: '#fff', // 文字的颜色 如果设置为 'auto'，则为视觉映射得到的颜色，如系列色
                            fontSize: '20px'
                        },
                        itemStyle: {
                            areaColor: '#16499b' // 地图区域的颜色
                        }
                    },
                    // 自定义地区的名称映射
                    nameMap: name,
                    // 地图系列中的数据内容数组 数组项可以为单个数值
                    data: data,
                    // 图标标注
                    markPoint: {
                        symbol: base64Img,
                        symbolSize: [21,27],       // 标注大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
                        symbolOffset: [0,'-50%'],
                        itemStyle: {
                            normal: {
                                color:"#f8ad04",
                                borderColor: '#f8ad04',
                                borderWidth: 1,            // 标注边线线宽，单位px，默认为1
                                label: {
                                    show: false,
                                }
                            },
                            emphasis: {
                                borderColor: '#f8ad04',
                                borderWidth: 1,
                                label: {
                                    show: false
                                }
                            }
                        },
                        effect : {
                            show: true,
                            shadowBlur : 0
                        },
                        data: scatterChinaData,
                    },
                }]
            }
        )
        //高亮效果
        hightIndexChinaArr.forEach((item)=>{
            chart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: item
            });
        });

        chart.on("mouseover", function (params){
            if(!hightColorChinaData.includes(params.name)){
                chart.dispatchAction({
                    type: 'downplay'
                });
                //高亮效果
                hightIndexChinaArr.forEach((item)=>{
                    chart.dispatchAction({
                        type: 'highlight',
                        seriesIndex: 0,
                        dataIndex: item
                    });
                });
            }
            if(params.componentType === 'markPoint'){
                $('.tooltip-china').hide();
            }

        });
        // chart.on("mouseout", function (params){
        //     $('.tooltip-china').show();
        // });
    }
});