@heycar/heycars-map 0.3.7 → 0.3.9

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",
-    "dev:lib": "concurrently \"vite build --watch --emptyOutDir false\"  \"tsc --declarationDir dist --emitDeclarationOnly --noEmit false --declaration --watch\"",
     "build": "rm -rf dist && vite build && tsc --declarationDir dist --emitDeclarationOnly --noEmit false --declaration",
-    "preview": "vite preview"
+    "publish": "npm publish --access public --registry https://registry.npmjs.com"
   },
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",

package/todo.md

@@ -1,8 +1,9 @@
 https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-component-like-airbnb-in-nextjs
 
 2. Google 地址名称太长
-3. 高德地图加载期间出现大量的请求
-4. google/高德 坐标系转化
+3. 中心点 drag 期间位置
+4. 高德地图加载期间出现大量的请求
+5. google/高德 坐标系转化
 
 ---
 
@@ -12,9 +13,31 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 
 ---
 
+1. locator 的气泡也要支持点击
+2. locator 气泡长度限制
 3. locator 拖动次数多了会不更新
+4. 郝瑞 searh Place 接口搜索次数多了会不更新
 
 ---
 
-2. google cityparent 要用 city 上级，目前是 country 下级
-3. 推荐点搜索是距离参数可能要优化，比如没搜到推荐点，应该扩大搜索距离
+1. 定位失败的视觉稿文字提示
+2. 用户手动输入地址，然后跳回 home 页面， centerplace 的 name 不正确
+3. 用户地址搜索，先设置台湾，搜个结果，然后切换城市到新加坡，搜索到结果依然是台湾
+
+谭红娅
+
+- 4789
+
+v0.3.8
+
+- 4845
+- 4898
+- 4840
+- 4827
+- 4808
+
+v0.3.9
+
+- 4809
+- 4604
+- 4789

package/dist/Demo/CityBound/SearchDemo.d.ts

@@ -1 +0,0 @@
-export declare const SearchDemo: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/Demo/CityBound/country.d.ts

@@ -1,5 +0,0 @@
-export declare const countries: Record<string, string>;
-export declare const citiesWithCountry: {
-    name: string;
-    country: string;
-}[];

package/dist/Demo/CityBound/searchResult.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="google.maps" />
-export type Result = {
-    name: string;
-    country: string;
-    bound: google.maps.LatLngBoundsLiteral | null;
-};
-export declare const searchResult: Result[];
-export declare const breakIdx = 3280;

package/dist/hooks/useMapLog.d.ts

@@ -1,5 +0,0 @@
-export interface MapLogProps {
-    log?: boolean;
-}
-export declare const useMapLog: <P extends MapLogProps>(props: P, prefix: string) => void;
-export declare const useMapLogVariable: <P extends MapLogProps>(props: P, prefix: string, variable: any, name: string) => void;

package/src/App.tsx

@@ -1,27 +0,0 @@
-import { defineComponent } from "vue-demi";
-import { MapProvider } from "./components/MapProvider";
-import { DemoBusinessRecomendPlace } from "./Demo/DemoBusinessRecomendPlace";
-
-const gmapApiKey = import.meta.env.VITE_GMAP_API_KEY;
-const gmapId = import.meta.env.VITE_GMAP_MAP_ID;
-const amapApiKey = import.meta.env.VITE_AMAP_API_KEY;
-const amapApiSecret = import.meta.env.VITE_AMAP_API_SECRET;
-
-export const App = defineComponent({
-  setup() {
-    return () => (
-      <MapProvider
-        amapKey={amapApiKey}
-        amapSecret={amapApiSecret}
-        gmapId={gmapId}
-        gmapKey={gmapApiKey}
-        supplier={"gmap"}
-      >
-        <DemoBusinessRecomendPlace />
-        {/* <DemoBusinessQuoting /> */}
-        {/* <DemoBusinessTaxiService /> */}
-        {/* <DemoBusinessTaxiEnd /> */}
-      </MapProvider>
-    );
-  },
-});

package/src/Demo/CityBound/SearchDemo.tsx

@@ -1,142 +0,0 @@
-import { watchPostEffect } from "vue-demi";
-import { HeycarMap, MapProvider } from "../../components/MapProvider/MapProvider";
-import { useHeycarMap } from "../../hooks/useHeycarMap";
-import { defineSetup } from "../../types/helper";
-import * as css from "../Demo.css";
-import { citiesWithCountry } from "./country";
-import { searchResult } from "./searchResult";
-
-const gmapApiKey = import.meta.env.VITE_GMAP_API_KEY;
-const gmapId = import.meta.env.VITE_GMAP_MAP_ID;
-const amapApiKey = import.meta.env.VITE_AMAP_API_KEY;
-const amapApiSecret = import.meta.env.VITE_AMAP_API_SECRET;
-
-export const SearchDemo = defineSetup(function HeycarDemo() {
-  return () => (
-    <MapProvider
-      amapKey={amapApiKey}
-      amapSecret={amapApiSecret}
-      gmapId={gmapId}
-      gmapKey={gmapApiKey}
-      supplier={"gmap"}
-    >
-      <SomePage />
-    </MapProvider>
-  );
-});
-
-const SomePage = defineSetup(function Hello() {
-  const { mapRef, setMap, panTo } = useHeycarMap();
-  (window as any).panTo = panTo;
-  watchPostEffect(() => {
-    const map = mapRef.value as google.maps.Map;
-    if (!map) return;
-    const searchName = async (idx: number, address: string, country: string) => {
-      const geocoder = new google.maps.Geocoder();
-      // const placeService = new google.maps.places.PlacesService(document.createElement("div"));
-      return new Promise((resolve, reject) => {
-        geocoder.geocode(
-          {
-            address,
-            componentRestrictions: {
-              country,
-              administrativeArea: "administrative_area_level_1",
-            },
-            language: "en",
-          },
-          (results, status) => {
-            switch (status) {
-              case google.maps.GeocoderStatus.OK: {
-                if (results?.length === 2) {
-                  const [result1, result2] = results;
-                  const isResult1Admin = result1.types[0].startsWith("administrative_area_level_");
-                  const isResult2Admin = result2.types[0].startsWith("administrative_area_level_");
-                  if (isResult1Admin && !isResult2Admin) {
-                    return resolve(result1.geometry.bounds?.toJSON());
-                  }
-                  if (isResult2Admin && !isResult1Admin) {
-                    return resolve(result2.geometry.bounds?.toJSON());
-                  }
-                }
-                if (results?.length !== 1) {
-                  console.warn("length !== 1 by idx, keyword, results = ", idx, address, results);
-                  return resolve(undefined);
-                }
-                const { geometry } = results[0];
-                const output = geometry.bounds?.toJSON() ?? geometry.viewport.toJSON();
-                return resolve(output);
-              }
-              case google.maps.GeocoderStatus.ZERO_RESULTS: {
-                return resolve(undefined);
-              }
-              default:
-                throw reject(status);
-            }
-          }
-        );
-      });
-    };
-    const wait = (seconds: number) => new Promise((r) => setTimeout(r, seconds * 1000));
-    const search = async (from: number, to: number) => {
-      const citiesSample = citiesWithCountry.slice(from, to);
-      const result: { name: string; country: string; bound: any }[] = [];
-      let idx = from;
-      try {
-        for (const city of citiesSample) {
-          if (idx % 10 === 0) {
-            console.log("start processing idx = ", idx);
-          }
-          const bound = await searchName(idx, city.name, city.country);
-          await wait(2);
-          result.push({ name: city.name, country: city.country, bound: bound ?? null });
-          idx += 1;
-        }
-        console.log("success search result = ");
-        console.log(JSON.stringify(result));
-      } catch (e) {
-        console.log("failed search break idx = ", idx);
-        console.log(JSON.stringify(result));
-        throw e;
-      }
-    };
-
-    const searchRest = async () => {
-      const notfound = searchResult.filter((item) => item.bound == null);
-      const result: { name: string; country: string; bound: any }[] = [];
-      try {
-        for (const city of notfound) {
-          try {
-            const bound = await searchName(0, city.name, city.country);
-            await wait(2);
-            result.push({ name: city.name, country: city.country, bound: bound ?? null });
-          } catch (e) {
-            console.warn("fail search name, country = ", city.name, city.country);
-            console.error(e);
-            continue;
-          }
-        }
-        console.log("success search result = ");
-        console.log(JSON.stringify(result));
-      } catch (e) {
-        console.log(JSON.stringify(result));
-        throw e;
-      }
-    };
-    (window as any).search = search;
-    (window as any).searchRest = searchRest;
-  });
-  return () => {
-    return (
-      <div>
-        <HeycarMap
-          class={css.demo}
-          fallback={() => <div>error</div>}
-          loading={() => <div>loading</div>}
-          center={[121, 31]}
-          zoom={15}
-          mapRef={setMap}
-        ></HeycarMap>
-      </div>
-    );
-  };
-});