javascript - WebView 变白/空白

Question

我正在使用 WKWebView 在我的应用程序中显示谷歌地图。这是网址:http://ec2-54-198-148-171.compute-1.amazonaws.com/map_question.html

在App中显示WKWebView的代码如下:

import UIKit
import WebKit
import Foundation
class MyMapController: UIViewController, UIScrollViewDelegate, WKScriptMessageHandler  {
var webViewGeo: WKWebView?
 var WidgetView:UIView = UIView()

  override func loadView() {
    super.loadView()  

    let contentController = WKUserContentController();       
    contentController.addScriptMessageHandler(
        self,
        name: "callbackHandler"
    )


    let config = WKWebViewConfiguration()
    config.userContentController = contentController


    self.webViewGeo = WKWebView(
        frame: self.WidgetView.bounds,
        configuration: config
    )
    self.WidgetView = self.webViewGeo!       
}



 override func viewDidLoad() {
        super.viewDidLoad()      
        let frame = CGRect(x:0, y:-20, width:self.view.bounds.width, height:self.view.bounds.width)
        WidgetView.frame=frame       
        let url = NSURL(string:"http://ec2-54-198-148-171.compute-1.amazonaws.com/map_question.html")
        let req = NSURLRequest(URL:url!)
        self.webViewGeo!.loadRequest(req)
        self.view.addSubview(WidgetView)             
    }

}

问题是当我尝试与 Map 进行交互(例如放大缩小或滚动)时，应用程序中的 map 变成白色。 map 在网络浏览器中运行良好，不会导致白屏。

有没有办法了解这背后的问题？如何解决这个问题？

Answer 1

问题不在 WKWebView，link您尝试加载的 2k+ 标记即使在 PC 上的 Chrome 浏览器上也会使 MapView 过载，这就是问题的根源。

一种可能的解决方案是添加 Marker Clustering到您的 html/javascript 代码。可以关注official google maps documentation添加它。

官方谷歌地图标记聚类器库存储库是 here .