الحل: استخدم معالجة الخريطة الثابتة لخريطة Baidu (http://lbsyun.baidu.com/index.php؟title=static) ، ويتم تحديد اسم المجال (http://api.map.baidu.com) ، ويمكن استخدام الوكيل العكسي لحل العظم المتقاطع
<!-html-> <el-image: src = `/baidu-static/staticimage/v2؟ ak = yourak & width = 1024 & height = 400 ¢ er = $ {center.lng} ، $ {center.lat} & zoom = 16`> class = dot> ... </span> </viv> </el-image> <!-nginx-> الموقع ^~/baidu-static/{add_header 'Access-Control-allow-arigin' $ http_origin دائمًا ؛ add_header 'accontrol-allow-credientials' 'aded_header' conference 'access-control-mothrol-mothrol. دائمًا ؛ add_header 'Access-Access-Control-headers' 'Accept ، Ouditization ، cache-control ، type content ، dnt ، if modified-since ، keep-alive ، Origan السؤال 2: كيفية عرض التراكب على الخريطةالحل: بعد النظر إلى خريطة API لخريطة Baidu Static ، لا يمكنها دعم الأنماط المخصصة بشكل جيد. على الأكثر ، يمكنك تحديد صورة مخصصة (وليس صورة محلية). لقد جربت العديد من الطرق في الوسط ، واعتقدت أنه من الممكن استخدام OpenLayers.map ، لكن عبء العمل على تغييرات التعليمات البرمجية كان كبيرًا جدًا ، لذلك استسلمت بشكل حاسم. في وقت لاحق فكرت في استخدام Div لمحاكاة الغطاء مباشرة ، ووضعه أعلى قليلاً من مستوى الصورة الثابتة يمكن أن يحلها.
السؤال 3: رسمت دائرة منقطة بأسلوب CSS. تمت معالجة الشكل الذي تم إنشاؤه بعد HTML2Canvas ووجد أن الخط المنقط أصبح خطًا صلبًاالحل: استخدم قماشًا لرسم الدوائر
السؤال 4: يستخدم أيقونة تحديد المواقع المطلقة والرسوم البيانية التي تم إنشاؤها بعد معالجة HTML2Canvas ، ووجد أنه لم يتم عرض الرمز.الحل: اضبط مؤشر z ليكون أيقونة أكبر من مستوى الرسم البياني الثابت Baidu (PS: عند استخدام نمط الرسم البياني الثابت أيضًا لتحديد المواقع المطلقة)
السؤال 5: تتم معالجة الصورة التي تم إنشاؤها بعد HTML2Canvas مع لون الخلفية السوداءالحل: تغيير الصورة/PNG إلى Image/JPG
حاول {html2canvas (SharePage ، {Usecors: true}).ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.