Medprin Biotech

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no, email=no" /> <title>Medprin Biotech</title> <meta name="keyword" content="Medprin Medical, medical equipment, high-tech enterprises" /> <meta name="description" content="We have got 400 patent applications worldwide and 300 patents authorized. Our products have been CE marked and sold to more than 100 countries. Culture featured in “Care, Creativity, Cooperation”." /> <link rel="bookmark" href="https://www.medprin.com/upload/images/site/20221118/16687612112807803.png"> <link rel="shortcut icon" href="https://www.medprin.com/upload/images/site/20221118/16687612112807803.png"> <style> .pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ /*word-break:break-all;*/ overflow:hidden; } </style> <link href="/static/home/css/swiper.min.css" type="text/css" rel="stylesheet" /> <link href="/static/home/css/style.css" type="text/css" rel="stylesheet" /> <script src="/static/home/js/jquery-3.6.1.min.js"></script> <script src="/static/admin/layer/layer.js"></script> </head> <body class="de"> <header> <div class="h-inner"> <a href="/" class="h-index"><img src="https://www.medprin.com/upload/images/site/20221219/16714353199899021.png" alt="logo" class="h-logo"></a> <div class="h-menu"></div> <ul class="h-nav"> <li class="h-li active 32"> <a href="/de" title="HOME" class="h-link s14">HOME</a> </li> <li class="h-li 33"> <a href="/de/product/index/cat_id/9.html" title="PRODUCT" class="h-link s14">PRODUCT</a> </li> <li class="h-li 34"> <a href="/de/about" title="ABOUT" class="h-link s14">ABOUT</a> </li> <li class="h-li 37"> <a href="/de/media/news" title="NEWS" class="h-link s14">NEWS</a> </li> <li class="h-li 35"> <a href="/de/contact" title="CONTACT" class="h-link s14">CONTACT</a> </li> </ul> <div class="h-right"> <div class="h-search iconfont iconsousuo1"></div> <a href="/de/user/index.html" class="h-user iconfont iconwode"></a> <div class="h-lang"> <i class="iconfont iconqiehuanyuyan"></i> <i class="iconfont icongengduo1"></i> <ul class="h-lang-menu s14"> <li class="h-lang-item"> <a href="/de/public/tslang/lang/de.html">MEDPRIN(Germany)</a> </li> <li class="h-lang-item"> <a href="/de/public/tslang/lang/en.html">MEDPRIN(China)</a> </li> </ul> </div> </div> </div> <div class="h-mask"></div> <div class="h-sch"> <form action="/de/list/index/cat_id/123.html" class="h-form" method="get"> <input type="text" class="h-text" name="keywords" value="" placeholder="SEARCH"> <input type="submit" class="h-smt" value=""> </form> </div> <div class="h-mask"></div> </header> <main> <div class="a-main"> <div class="swiper-container a-bn"> <div class="swiper-wrapper"> <a href="" class="swiper-slide a-s" title=""> <div class="a-box"> <img src="https://www.medprin.com/upload/images/slides/20221223/16717790922353953.jpg" alt="Welcome To Visit Us" class="a-img"> </div> <div class="a-text"> <div class="a-tit s30 pre" style="color:">Welcome To Visit Us</div> <div class="a-des 16 pre" style="color:#337ab7">- Arab Health, Dubai, UAE, January27-29, 2025 - DGNC, Hanover, Germany, June1-4, 2025 - FIME, Miami, USA, June11-13, 2025 - EANS, Vienna, Austria, October5-9, 2025 - MEDICA, Düsseldorf, Germany, November 17-20, 2025 - WFNS, Dubai, UAE, December1-4, 2025</div> </div> <div class="a-type">  </div> </a> <a href="" class="swiper-slide a-s" title=""> <div class="a-box"> <img src="https://www.medprin.com/upload/images/ueditor/20221221/16716026879079729.jpg" alt="CE Certified!<br>StypCel™ Absorbable Hemostat" class="a-img"> </div> <div class="a-text"> <div class="a-tit s30 pre" style="color:#fff">CE Certified!<br>StypCel™ Absorbable Hemostat</div> <div class="a-des 16 pre" style="color:#fff">Your health is all that matters.</div> </div> <div class="a-type">  </div> </a> <a href="" class="swiper-slide a-s" title=""> <div class="a-box"> <img src="https://www.medprin.com/upload/images/ueditor/20221221/16716027735242993.jpg" alt="New trend of cranioplasty" class="a-img"> </div> <div class="a-text"> <div class="a-tit s30 pre" style="color:#fff">New trend of cranioplasty</div> <div class="a-des 16 pre" style="color:"></div> </div> <div class="a-type">  </div> </a> <a href="" class="swiper-slide a-s" title=""> <div class="a-box"> <img src="https://www.medprin.com/upload/images/ueditor/20221221/16716030209847788.jpg" alt="Neurosurgical Solution Provider" class="a-img"> </div> <div class="a-text"> <div class="a-tit s30 pre" style="color:">Neurosurgical Solution Provider</div> <div class="a-des 16 pre" style="color:">ReDura™, NeoDura™, Recranio™ - Cranial Closure</div> </div> <div class="a-type">  </div> </a> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <div class="a-ps-wrap"> <div class="a-ps"></div> </div> </div>  <div class="c-main" style="padding-top: 0.67rem;"> <div class="c-inner"> <div class="c-top clearfix"> <h2 class="c-title s36">MEDPRIN News</h2> <div class="c-right s14"> <a class="c-more" href="/de/media/news" title="Discover More">Discover More</a> </div> </div> <div class="c-cont"> <div class="swiper-container c-bn"> <div class="swiper-wrapper"> <a class="c-item" title="Exclusive interview from Ukraine：the 1st cranioplasty case with PEEK" href="/de/article/index/article_id/329.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724732462301190.jpg" alt="Exclusive interview from Ukraine：the 1st cranioplasty case with PEEK"> </div> <div class="c-text"> <div class="c-tit s18">Exclusive interview from Ukraine：the 1st cranioplasty case with PEEK</div> <div class="c-bot"> <span class="c-date s13">2021.09.17</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="Case study: when PEEK skull substitute meets cutting guide in a pediatric cranial malformation case" href="/de/article/index/article_id/328.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724731074394292.jpg" alt="Case study: when PEEK skull substitute meets cutting guide in a pediatric cranial malformation case"> </div> <div class="c-text"> <div class="c-tit s18">Case study: when PEEK skull substitute meets cutting guide in a pediatric cranial malformation case</div> <div class="c-bot"> <span class="c-date s13">2021.09.06</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="Successful Conclusion of the China-UK Neurosurgeon Communication Webinar" href="/de/article/index/article_id/327.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724728567552206.jpg" alt="Successful Conclusion of the China-UK Neurosurgeon Communication Webinar"> </div> <div class="c-text"> <div class="c-tit s18">Successful Conclusion of the China-UK Neurosurgeon Communication Webinar</div> <div class="c-bot"> <span class="c-date s13">2021.07.20</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="Congratulations to our partners in Russia for the successful congress" href="/de/article/index/article_id/326.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724726899885804.jpg" alt="Congratulations to our partners in Russia for the successful congress"> </div> <div class="c-text"> <div class="c-tit s18">Congratulations to our partners in Russia for the successful congress</div> <div class="c-bot"> <span class="c-date s13">2021.06.25</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="Pre-clinical experiment with swine model" href="/de/article/index/article_id/325.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724724887193971.jpg" alt="Pre-clinical experiment with swine model"> </div> <div class="c-text"> <div class="c-tit s18">Pre-clinical experiment with swine model</div> <div class="c-bot"> <span class="c-date s13">2021.05.08</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="Recranio™， the International Webinar between Columbia and Spain" href="/de/article/index/article_id/324.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724722608464621.jpg" alt="Recranio™， the International Webinar between Columbia and Spain"> </div> <div class="c-text"> <div class="c-tit s18">Recranio™， the International Webinar between Columbia and Spain</div> <div class="c-bot"> <span class="c-date s13">2020.06.22</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="MEDICA 2019 Düsseldorf, Germany" href="/de/article/index/article_id/323.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724721764470574.jpg" alt="MEDICA 2019 Düsseldorf, Germany"> </div> <div class="c-text"> <div class="c-tit s18">MEDICA 2019 Düsseldorf, Germany</div> <div class="c-bot"> <span class="c-date s13">2019.11.21</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> <a class="c-item" title="FIME 2019 Florida, USA" href="/de/article/index/article_id/322.html"> <div class="c-box"> <img class="c-img" src="https://www.medprin.com/upload/images/article/20221231/16724720146697456.jpg" alt="FIME 2019 Florida, USA"> </div> <div class="c-text"> <div class="c-tit s18">FIME 2019 Florida, USA</div> <div class="c-bot"> <span class="c-date s13">2019.06.29</span> <span class="c-type s13"></span> </div> <div class="c-go"><i class="iconfont iconyoujiantou1"></i></div> </div> </a> </div> <div class="swiper-pagination"></div> </div> <div class="c-arrow c-prev iconfont iconzuojiantou"></div> <div class="c-arrow c-next iconfont iconyoujiantou"></div> </div> </div> </div>  <div class="e-main"> <div class="e-inner"> <div class="c-top clearfix"> <h2 class="c-title s36">Products exploration</h2> <div class="c-right s14"> <a class="c-more" href="/de/product">Show All</a> </div> </div> <div class="e-cont clearfix"> <div class="e-left"> <div class="swiper-container e-bn"> <div class="swiper-wrapper"> <div class="swiper-slide e-s"> <a class="e-box" href="/de/product-details/47.html" title="ReDura™Synthetic Dural Substitute"> <img class="e-pic" src="https://www.medprin.com/upload/images/product/20221224/16718713071737131.jpg" alt="ReDura™Synthetic Dural Substitute"> </a> </div> <div class="swiper-slide e-s"> <a class="e-box" href="/de/product-details/48.html" title="NeoDura™ Novel Dural Patch"> <img class="e-pic" src="https://www.medprin.com/upload/images/product/20221224/16718720654371960.jpg" alt="NeoDura™ Novel Dural Patch"> </a> </div> <div class="swiper-slide e-s"> <a class="e-box" href="/de/product-details/49.html" title="Recranio™ Cranio-Maxillofacial repair system"> <img class="e-pic" src="https://www.medprin.com/upload/images/product/20221224/16718723055078106.jpg" alt="Recranio™ Cranio-Maxillofacial repair system"> </a> </div> <div class="swiper-slide e-s"> <a class="e-box" href="/de/product-details/50.html" title="StypCel™Absorbable Hemostat"> <img class="e-pic" src="https://www.medprin.com/upload/images/product/20221224/16718739322495460.jpg" alt="StypCel™Absorbable Hemostat"> </a> </div> <div class="swiper-slide e-s"> <a class="e-box" href="/de/product-details/44.html" title="LivPrint™"> <img class="e-pic" src="https://www.medprin.com/upload/images/product/20221224/16718671176432574.jpg" alt="LivPrint™"> </a> </div> </div> </div> </div> <div class="e-right"> <a class="e-a" title="ReDura™Synthetic Dural Substitute"> <img class="e-img" src="https://www.medprin.com/upload/images/product/20221224/16718713071737131.jpg" alt="ReDura™Synthetic Dural Substitute"> <div class="e-t">ReDura™Synthetic Dural Substitute</div> </a> <a class="e-a" title="NeoDura™ Novel Dural Patch"> <img class="e-img" src="https://www.medprin.com/upload/images/product/20221224/16718720654371960.jpg" alt="NeoDura™ Novel Dural Patch"> <div class="e-t">NeoDura™ Novel Dural Patch</div> </a> <a class="e-a" title="Recranio™ Cranio-Maxillofacial repair system"> <img class="e-img" src="https://www.medprin.com/upload/images/product/20221224/16718723055078106.jpg" alt="Recranio™ Cranio-Maxillofacial repair system"> <div class="e-t">Recranio™ Cranio-Maxillofacial repair system</div> </a> <a class="e-a" title="StypCel™Absorbable Hemostat"> <img class="e-img" src="https://www.medprin.com/upload/images/product/20221224/16718739322495460.jpg" alt="StypCel™Absorbable Hemostat"> <div class="e-t">StypCel™Absorbable Hemostat</div> </a> <a class="e-a" title="LivPrint™"> <img class="e-img" src="https://www.medprin.com/upload/images/product/20221224/16718671176432574.jpg" alt="LivPrint™"> <div class="e-t">LivPrint™</div> </a> </div> </div> </div> </div> </main> <footer class="f-en-footer"> <a class="back-top" id="backTop" title="Back to top" onclick="backTop()"></a> <div class="f-en-back-top" onclick="backTop()"><img src="/static/home/images/e-up.png" alt="up" class="f-en-back-icon"></div> <div class="f-inner"> <div class="f-top"> <div class="f-en-cont"> <div class="f-en-left"> <div class="f-en-title f-title s16">Contact Us</div> <div class="f-cont f-en-left-cont"> <div class="f-en-text"> <div class="f-en-intro s15">Medprin Biotech GmbH</div> <div class="f-en-intro s15">Gutleutstraße 163-167, 60327 Frankfurt am Main, Germany</div> <div class="f-en-intro s15">Tel：+49 69 792 160 26</div> <div class="f-en-intro s15">Email：sales@medprin.com</div> </div> <div class="f-en-share"> <a href="https://www.facebook.com/MedprinBiotechGmbH" class="f-en-one" ><img src="https://www.medprin.com/upload/images/slides/20221221/16716209931482370.png" ></a> <a href="https://twitter.com/BiotechGmbh" class="f-en-one" ><img src="https://www.medprin.com/upload/images/slides/20221221/16716209931118348.png" ></a> <a href="https://www.linkedin.com/company/medprinbiotechgmbh" class="f-en-one" ><img src="https://www.medprin.com/upload/images/slides/20221221/16716211251846990.png" ></a> <a href="https://www.instagram.com/medprin_2008_neurosurgery/" class="f-en-one" ><img src="https://www.medprin.com/upload/images/slides/20221221/16716211725048099.png" ></a> </div> </div> </div> <div class="f-en-right"> <div class="f-en-title f-title s16">About Medprin</div> <div class="f-en-des f-cont"> <div class="f-en-intro s15">Medprin is short for “Medical Printing”. Medprin specializes in research, development, and manufacturing of the high-end medical devices, with successful technology transformation of Class III implantable medical devices such as ReDura™, NeoDura™, and Recranio™, etc.. Products are available in more than 100 countries and regions and have benefited more than 1,200,000 patients.</div> </div> </div> </div> </div> <div class="f-bot"> <div class="f-copy s12">Copyright © 2023 Medprin. All rights reserved.</div> <div class="f-as s12"> <a class="f-aa" href="/de/article/index/article_id/332.html" title="Privacy Policy">Privacy Policy</a> <span class="f-line">/</span> <a class="f-aa" href="/de/article/index/article_id/333.html" title="Terms of Use">Terms of Use</a> <span class="f-line">/</span> </div> </div> </div> </footer> <script src="/static/home/js/ifie9.js"></script> <script src="/static/home/js/swiper-3.4.2.min.js"></script> <script src="/static/home/js/tweenlite.min.js"></script> <script src="/static/home/js/jquery.magnify.js"></script> <script src="/static/home/js/js.js"></script> <script src="/static/home/js/echarts.js"></script> <script> $(function(){ $('.changelang').click(function(){ $.post("/de/public/tslang.html",{lang:$(this).attr('data-dd')},function(res){ layer.msg(res.msg) if(res.code==1){ window.location.reload() } },'json') }) }) </script> </body> </html> <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main.css?v=1.0" /> <script src="https://cache.amap.com/lbs/static/es5.min.js"></script> <script src="https://webapi.amap.com/maps?v=1.3&key=d78721af2fe5ba74494e8da22cca549d&&plugin=AMap.Scale,AMap.ToolBar"></script> <script> if($('#map').length>0){ var arrPoint = $('#map').data('link').split(','); var laglat=new AMap.LngLat(arrPoint[0], arrPoint[1]); var map = new AMap.Map("map", { center: laglat, zoom: 16 }); map.clearMap(); var marker = new AMap.Marker({ position: new AMap.LngLat(arrPoint[0], arrPoint[1]), }); map.add(marker); map.setLang('en'); } </script> <script> $(function() { $(".a-img").addClass("show") if ($(".a-s").length <= 1) { $(".a-ps").css("display", "none") } ccc() function ccc(){ var num = 3 if($(window).width()<=750){ num=2 } var className = "c-item" var items = $("."+className) var n = Math.ceil(items.length/num) items.each(function(i){ $(this).addClass(className+Math.ceil((i+1)/num)) }) for(var k=1;k<=n;k++){ $("."+className+k).wrapAll('<div class="swiper-slide c-s" />') } } var cbn = new Swiper('.c-bn',{ preventClicks: false, slidesPerView: 1, loop: true, autoHeight: true, pagination: '.swiper-pagination', paginationClickable :true, prevButton:'.c-prev', nextButton:'.c-next', }) var ix = 0, cvsm, ctx, stop = false cvs = document.createElement("canvas") cvs.width = 120 cvs.height = 2 ctx = cvs.getContext("2d") ctx.lineWidth = 1 var nnn = 1 var abn = new Swiper('.a-bn', { preventClicks: false, loop: true, speed: 500, prevButton: '.swiper-button-prev', nextButton: '.swiper-button-next', autoHeight: true, pagination: '.a-ps', paginationClickable :true, paginationBulletRender: function (swiper, index, className) { return '<span class="'+className+' a-p"><span class="a-bar s16"></span></span>'; }, onSlideChangeStart: function(swiper) { ix = 0 $(".a-p.swiper-pagination-bullet-active").append(cvs) $(".a-bn video").each(function() { this.pause() }) var v = $(".a-bn .swiper-slide-active video") if (v.length) { drawArc() stop = true ctx.fillRect(0,0,120,2) v[0].play() v.on("ended", function() { abn.slideNext() stop = false }) } else { stop = false nnn++ } }, onInit: function(){ $(".a-ps .swiper-pagination-bullet").addClass("a-p") $(".a-p.swiper-pagination-bullet-active").append(cvs) $(".a-s").each(function(i,item) { var bar = $(".a-p").eq(i).find(".a-bar") bar.text($(".a-type").eq(i).text()) }) $(".a-ps-wrap").append($("<span class='a-stop'></span>")) $(".a-p").click(function() { $(".a-p.swiper-pagination-bullet-active").append(cvs) ix = 0 }) } }) //用户有操作才能让视频播放 $("body").on("mousemove touchstart", function() { var s = $(".a-bn .swiper-slide-active") if (s.length) { var v = s.find("video") if (v.length) { v[0].play() } } }) //移动端没有设置controls=controls可能会是一片空白 if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { $('.a-bn video').attr("controls", "controls") } function drawArc() { if (stop) { return } ctx = cvs.getContext("2d") ctx.clearRect(0,0,120,2) ctx.fillStyle = "#000" ctx.fillRect(0,0,parseInt(120*ix/360),2) if (ix < 360) { ix += 1.5 } else { setTimeout(function() { ix = 0 abn.slideNext() }, 300) } } (function animloop() { drawArc() requestAnimationFrame(animloop) })(); $(".a-stop").click(function(){ if($(this).hasClass("stop")){ $(this).removeClass("stop") stop = false }else{ $(this).addClass("stop") stop = true } }) var ebn = new Swiper('.e-bn',{ preventClicks: false, slidesPerView: 1 }) $(".e-a").click(function(){ ebn.slideTo($(this).index(),500,false) }) $.fn.Score('scoreDisplay0'); $.fn.Score('scoreDisplay1'); $.fn.Score('scoreDisplay2'); }) </script> <script> function getEcharts2() { require.config({ paths: { echarts: '/static/home/js' } }); require( [ 'echarts', 'echarts/chart/map' ], function(ec) { // --- pc地图 --- var myChart2 = ec.init(document.getElementById('mainMap')); myChart2.setOption({ tooltip: { trigger: 'item', formatter: function(params) { if (params.data.txt != undefined) { $('.echarts-tooltip').removeClass('__none') var info = '<p style="font-size:18px">' + params.data.txt + '</p>' return info; } else { $('.echarts-tooltip').addClass('__none') var info = '<p style="font-size:12px; display:none;>' + ' ' + '</p>' return info; } }, backgroundColor: "rgba(0,0,0,.5)", //提示标签背景颜色 textStyle: { color: "#fff" } //提示标签字体颜色 }, series: [{ name: 'world', type: 'map', // roam: true, // hoverable: true, mapType: 'world', itemStyle: { // 地图样式 normal: { borderColor: 'rgba(100,149,237,1)', borderWidth: 0.5, areaStyle: { // 地图背景色 color: '#0653AB' } } }, data: [], markLine: { // 标线 smooth: true, // 曲线是否平滑 symbol: ['none', 'circle'], // 标线两端的标记类型 symbolSize: 5, // 标线两端的标记大小 itemStyle: { normal: { color: '#fff', borderWidth: 1, borderColor: '#0B64D1' } }, data: [], }, geoCoord: { // '北京': [ 116.4551, 40.2539 ], '广州': [113.5107, 23.2196], 'Los Angeles': [126.940160, 37.53369], "Mexico City": [11.425780, 50.958430], "Lima": [-57.216800, -12.211180], "Fz": [24.960940, 6.315300] }, markPoint: { // 标注 symbol: 'emptyCircle', symbolSize: function(v) { return 10 + v / 10 }, effect: { show: true, shadowBlur: 0 }, itemStyle: { normal: { label: { show: false } }, emphasis: { label: { show: false, position: 'top' } } }, data: [ // {name: '广州', value: 10}, { name: 'Los Angeles', value: 10 }, { name: 'Mexico City', value: 10 }, { name: 'Lima', value: 10 }, { name: 'Fz', value: 10 }, ] } }, { name: '广州 Top10', type: 'map', mapType: 'world', data: [], markLine: { smooth: true, // 曲线是否平滑运动 symbol: ['circle', 'circle'], // 标线两端的标记类型 symbolSize: 5, // 标线两端的标记大小 effect: { // 运动的箭头样式 show: true, scaleSize: 1, period: 30, color: '#fff', shadowBlur: 10 }, itemStyle: { // 运动轨迹样式 normal: { label: { // 是否显示文本 show: false }, borderWidth: 1, lineStyle: { type: 'solid', shadowBlur: 10 } } }, data: [ [{ name: '广州', value: 10 }, { name: 'Los Angeles' }], [{ name: '广州', value: 10 }, { name: 'Mexico City' }], [{ name: '广州', value: 10 }, { name: 'Lima' }], [{ name: '广州', value: 10 }, { name: 'Fz' }], ] }, markPoint: { // 图表标注 symbol: 'emptyCircle', symbolSize: function() { return 0.1 }, effect: { show: false, shadowBlur: 0 }, itemStyle: { normal: { label: { show: false, position: 'top', textStyle: { fontSize: 14 } } }, emphasis: { label: { show: false } } }, data: [ // { name: 'Los Angeles', value: 10, txt: '亚洲：中国、韩国、印度、巴基斯坦等' }, { name: 'Mexico City', value: 10, txt: '欧洲：英国、德国、葡萄牙等' }, { name: 'Lima', value: 10, txt: '美洲：巴西、阿根廷、墨西哥等' }, { name: 'Fz', value: 10, txt: '中东&非洲：阿联酋、伊朗、沙特阿拉伯、埃及、南非等' } ] }, }, ], }); myChart2.on('click', function(params) { console.log('国家', params); }); } ); } function getEcharts1() { require.config({ paths: { echarts: '/static/home/js' // echarts: 'js' } }); require( [ 'echarts', 'echarts/chart/map' ], function(ec) { var myChart1 = ec.init(document.getElementById('ydMap')); myChart1.setOption({ tooltip: { trigger: 'item', formatter: function(params) { if (params.data.txt != undefined) { $('.echarts-tooltip').removeClass('__none') var info = '<p style="font-size:18px">' + params.data.txt + '</p>' return info; } else { $('.echarts-tooltip').addClass('__none') var info = '<p style="font-size:12px; display:none;>' + ' ' + '</p>' return info; } }, backgroundColor: "rgba(0,0,0,.5)", //提示标签背景颜色 textStyle: { color: "#fff" } //提示标签字体颜色 }, series: [{ name: 'world', type: 'map', // roam: true, // hoverable: true, mapType: 'world', itemStyle: { // 地图样式 normal: { borderColor: 'rgba(100,149,237,1)', borderWidth: 0.5, areaStyle: { // 地图背景色 color: '#0653AB' } } }, data: [], markLine: { // 标线 smooth: true, // 曲线是否平滑 symbol: ['none', 'circle'], // 标线两端的标记类型 symbolSize: 5, // 标线两端的标记大小 itemStyle: { normal: { color: '#fff', borderWidth: 1, borderColor: '#0B64D1' } }, data: [], }, geoCoord: { // '北京': [ 116.4551, 40.2539 ], '广州': [113.5107, 23.2196], 'Los Angeles': [126.940160, 37.53369], "Mexico City": [11.425780, 50.958430], "Lima": [-57.216800, -12.211180], "Fz": [24.960940, 6.315300] }, markPoint: { // 标注 symbol: 'emptyCircle', symbolSize: function(v) { return 10 + v / 10 }, effect: { show: true, shadowBlur: 0 }, itemStyle: { normal: { label: { show: false } }, emphasis: { label: { show: false, position: 'top' } } }, data: [ // {name: '广州', value: 10}, { name: 'Los Angeles', value: 10 }, { name: 'Mexico City', value: 10 }, { name: 'Lima', value: 10 }, { name: 'Fz', value: 10 }, ] } }, { name: '广州 Top10', type: 'map', mapType: 'world', data: [], markLine: { smooth: true, // 曲线是否平滑运动 symbol: ['circle', 'circle'], // 标线两端的标记类型 symbolSize: 5, // 标线两端的标记大小 effect: { // 运动的箭头样式 show: true, scaleSize: 1, period: 30, color: '#fff', shadowBlur: 10 }, itemStyle: { // 运动轨迹样式 normal: { label: { // 是否显示文本 show: false }, borderWidth: 1, lineStyle: { type: 'solid', shadowBlur: 10 } } }, data: [ [{ name: '广州', value: 10 }, { name: 'Los Angeles' }], [{ name: '广州', value: 10 }, { name: 'Mexico City' }], [{ name: '广州', value: 10 }, { name: 'Lima' }], [{ name: '广州', value: 10 }, { name: 'Fz' }], ] }, markPoint: { // 图表标注 symbol: 'emptyCircle', symbolSize: function() { return 0.1 }, effect: { show: false, shadowBlur: 0 }, itemStyle: { normal: { label: { show: false, position: 'top', textStyle: { fontSize: 14 } } }, emphasis: { label: { show: false } } }, data: [ // { name: 'Los Angeles', value: 10, txt: '亚洲：中国、韩国、印度、巴基斯坦等' }, { name: 'Mexico City', value: 10, txt: '欧洲：英国、德国、葡萄牙等' }, { name: 'Lima', value: 10, txt: '美洲：巴西、阿根廷、墨西哥等' }, { name: 'Fz', value: 10, txt: '中东&非洲：阿联酋、伊朗、沙特阿拉伯、埃及、南非等' } ] }, } ] }); myChart1.on('click', function(params) { console.log('国家', params); }); } ); } $(function() { // 动态设置故事内容的宽度 if(document.getElementById('mainMap')){ var w = $(window).width() if (w < 992) { var snm = $('#product_number').val(); var num = (snm * 293); $('._mobile_pr').css({ 'width': num }) getEcharts1(); } else { getEcharts2(); } } }) </script>

CINXE.COM

Medprin Biotech