@heycar/heycars-map 0.1.9 → 0.2.0

package/src/components/Demo/SearchDemo.tsx

@@ -34,72 +34,47 @@ const SomePage = defineSetup(function Hello() {
     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"));
-      const { results } = await geocoder.geocode({
-        address,
-        componentRestrictions: {
-          country,
-          administrativeArea: "administrative_area_level_1",
-        },
-        language: "en",
+      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);
+            }
+          }
+        );
       });
-      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 result1.geometry.bounds?.toJSON();
-        }
-        if (isResult2Admin && !isResult1Admin) {
-          return result2.geometry.bounds?.toJSON();
-        }
-      }
-      if (results?.length !== 1) {
-        console.warn("length !== 1 by idx, keyword, results = ", idx, address, results);
-        return undefined;
-      }
-      const { geometry } = results[0];
-      return geometry.bounds?.toJSON() ?? geometry.viewport.toJSON();
-
-      // const autocompleteService = new google.maps.places.AutocompleteService();
-      // const placeService = new google.maps.places.PlacesService(map);
-      // const { predictions } = await autocompleteService.getPlacePredictions({
-      //   input: "麦当劳",
-      //   language: "zh",
-      //   componentRestrictions: {
-      //     country: "CN",
-      //   },
-      //   bounds: {
-      //     // north: 122.3172401,
-      //     // east: 31.8675299,
-      //     // south: 120.8559198,
-      //     // west: 30.6703899,
-      //     north: 31.8675299,
-      //     east: 122.3172401,
-      //     south: 30.6703899,
-      //     west: 120.8559198,
-      //   },
-      // });
-      // console.log("predictions = ", predictions);
-      // if (results.length !== 1) {
-      //   console.log("results = ", results);
-      //   throw new Error("MyError, results.length !== 1");
-      // }
-      // const placeId = results[0].place_id;
-      // const { results: accurateResults } = await geocoder.geocode({ placeId });
-      // if (accurateResults.length !== 1) {
-      //   console.log("results = ", accurateResults);
-      //   throw new Error("MyError, accurateResults.length !== 1");
-      // }
-      // const detail = accurateResults[0];
-      // console.log("detail = ", detail);
-
-      // placeService.getDetails({ placeId }, (result, status) => {
-      //   if (status !== google.maps.places.PlacesServiceStatus.OK) {
-      //     console.log("result, status = ", result, status);
-      //     throw new Error("My Error getDetails status !== ok");
-      //   }
-      //   console.log("detail = ", result);
-      // });
     };
     const wait = (seconds: number) => new Promise((r) => setTimeout(r, seconds * 1000));
     const search = async (from: number, to: number) => {