@heycar/heycars-map 0.9.23-alpha8 → 0.9.24-alpha1

package/README.md

@@ -47,7 +47,6 @@ export type Place = {
   lat: number;
   name: string;
   displayName: string;
-  photo?: string;
 };
 
 export interface Zone {
@@ -180,47 +179,33 @@ export default defineComponent({
       <BusinessRecomendPlaceMap
         class={"demo"}
         geoLoadingTitle={"正在获取您当前的位置"}
-        // 对于同一个 geoErrorOnceNotificationKey
-        // geoErrorOnce 事件在 geoErrorOnceNotificationInterval 时间间隔内全局只会触发一次
-        geoErrorOnceNotificationKey="BusinessRecomendPlaceMap"
-        geoErrorOnceNotificationInterval={10 * 60 * 1000}
         unavailableTitle={"当前区域暂未开通服务"}
         emptyTitle={"当前位置"}
         queryingTitle={"正在获取地址信息"}
         recomendDescription={"您将在此处上车"}
-        geoDefaultPosition={[139.777777, 35.777777]}
-        mapContext={mapContext}
+        geoErrorOnceNotificationKey="BusinessReselectPlaceMap_GeoErrorOnceKey"
+        defaultCenterPlace={(place) =>
+          place ?? {
+            lng: 139.777777,
+            lat: 35.777777,
+            name: "default place name",
+            displayName: "default place displayName",
+          }
+        }
         getAvailable={() => Promise.resolve(true)}
-        getRecomendPlace={async ({ lng, lat }) => {
-          // 向后端获取推荐点信息
-          return {
-            // 服务是否可用
-            available: true,
-            // 绿区
-            zone: {
-              name: "绿区名称",
-              path: [
-                [lng - 0.001, lat + 0.001],
-                [lng, lat - 0.001],
-                [lng + 0.001, lat + 0.0005],
-              ],
-            },
-            // 推荐点列表
-            places: [
-              { lat: lat - 0.00001, lng: lng + 0.0001, name: "place 1", displayName: "place 1" },
-              { lat: lat - 0.0002, lng: lng + 0.0002, name: "place 2", displayName: "place 2" },
-              { lat: lat - 0.0002, lng: lng - 0.0001, name: "place 3", displayName: "place 3" },
-            ],
-          };
+        getRecomendPlace={getRecomendPlace}
+        getDefaultCenterPlace={getDefaultCenterPlace}
+        renderPlacePhoto={(place) => {
+          place;
+          return "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg";
         }}
-        getDefaultCenterPlace={async () => {
-          // 获取最后一次上车点
-          return {
-            lng: 139,
-            lat: 35,
-            name: "user last pickup place",
-            displayName: "user last pickup place",
-          };
+        renderPlaceTag={(place) => {
+          place;
+          return "最近使用";
+        }}
+        mapContext={mapContext}
+        onChangePlace={(place) => {
+          console.log("地图中心点变化时触发 place = ", place);
         }}
         onChangeRecomandPlace={({ place, inputPlace, isInZone }) => {
           console.log("用户操作地图，计算推荐点后得出的最终位置时触发，此时可以向后端查询城市信息");
@@ -319,7 +304,6 @@ export default defineComponent({
         // 对于同一个 geoErrorOnceNotificationKey
         // geoErrorOnce 事件在 geoErrorOnceNotificationInterval 时间间隔内全局只会触发一次
         geoErrorOnceNotificationKey="BusinessReselectPlaceMap"
-        geoErrorOnceNotificationInterval={10 * 60 * 1000}
         defaultPlace={{
           lng: 139.777777,
           lat: 35.777777,