Application and practice of native map and web fusion technology

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"1. background "}]},{"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":" Meituan taxi service has been in meituan for a long time App And comments App A service portal is provided in , And it's technically using H5 And Native A hybrid development technology for . As the business goes online , Some users have reported that there are some problems with our map performance , The reason is that we use the taxi map Web Version of the map （ Through Tencent map JavaScript API), Similar products in the industry use Native Version of the map SDK,Native Maps compare Web Maps have a natural performance advantage , Therefore, there is a certain gap between the first screen map loading and the subsequent map operation experience of meituan taxi map ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"1.1 Problems and challenges "}]},{"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":" In order to improve the map experience of taxi service , The solution we came up with was to use... In the part of the map Native Map , Instead of using the map part H5 Page to show , In this way, the map performance gap with competitors can be leveled , And give full play to H5 Development efficiency ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}