Native地圖與Web融合技術的應用與實踐

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"1. 背景"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"美團打車業務很早就在美團App與點評App中提供了服務入口，並在技術上採用了H5與Native的混合開發技術。隨着業務上線，有用戶反饋我們的地圖性能有一些問題，原因是我們打車地圖使用的是Web版的地圖（通過騰訊地圖JavaScript API)，業內同類產品使用的是Native版的地圖SDK，Native地圖相比Web地圖具有天然的性能優勢，所以美團打車地圖從首屏地圖加載到後續的地圖操作體驗都有一定差距。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"1.1 問題與挑戰"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"爲了改善打車業務的地圖體驗，我們想到的方案是在展示地圖的部分使用Native地圖，而非地圖部分使用H5頁面來顯示，這樣既能追平與競品的地圖性能差距，又能充分發揮H5的開發效率。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}