@heycar/heycars-map 0.3.6 → 0.3.8

package/src/Demo/Demo.css.ts

@@ -1,6 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const demo = style({
-  width: "100vw",
-  height: "70vh",
-});

package/src/Demo/Demo.tsx

@@ -1,97 +0,0 @@
-import { ref } from "vue-demi";
-import { Amap } from "../components/Amap";
-import { AmapInfoWindow } from "../components/AmapInfoWindow";
-import { AmapLoader } from "../components/AmapLoader";
-import { AmapMarker } from "../components/AmapMarker";
-import { AmapPolygon } from "../components/AmapPolygon";
-import { AmapPolyline } from "../components/AmapPolyline";
-import { Gmap } from "../components/Gmap";
-import { GmapInfoWindow } from "../components/GmapInfoWindow";
-import { GmapLoader } from "../components/GmapLoader";
-import { GmapMarker } from "../components/GmapMarker";
-import { GmapPolygon } from "../components/GmapPolygon";
-import { GmapPolyline } from "../components/GmapPolyline";
-import { defineSetup } from "../types/helper";
-
-import * as css from "./Demo.css";
-const gmapApiKey = import.meta.env.VITE_GMAP_API_KEY;
-const amapApiKey = import.meta.env.VITE_AMAP_API_KEY;
-const amapApiSecret = import.meta.env.VITE_AMAP_API_SECRET;
-
-export const DemoGmap = defineSetup(function DemoGmap() {
-  const latRef = ref(0);
-  const visibleRef = ref(false);
-  return () => (
-    <GmapLoader
-      apiKey={gmapApiKey}
-      loading={() => <div>loading</div>}
-      fallback={() => <div>error</div>}
-      libraries={["places"]}
-    >
-      <div>gmap {latRef.value}</div>
-      <Gmap class={css.demo} center={{ lat: 0, lng: 0 }} zoom={3}>
-        <GmapMarker position={{ lat: 0, lng: 0 }} label="hello" />
-        <GmapPolyline
-          path={[
-            { lng: -5, lat: -5 },
-            { lng: 3, lat: 0 },
-            { lng: 5, lat: 5 },
-          ]}
-        />
-        <GmapPolygon
-          paths={[
-            { lng: -10, lat: -10 },
-            { lng: -20, lat: -5 },
-            { lng: -15, lat: -10 },
-            { lng: -20, lat: -20 },
-            { lng: -10, lat: -10 },
-          ]}
-        />
-        <GmapInfoWindow
-          visible={visibleRef.value}
-          content={"info window content"}
-          position={{ lng: 0, lat: 0 }}
-        />
-      </Gmap>
-    </GmapLoader>
-  );
-});
-
-export const DemoAmap = defineSetup(function DemoAmap() {
-  const latRef = ref(0);
-  return () => (
-    <AmapLoader
-      apiKey={amapApiKey}
-      apiSecret={amapApiSecret}
-      loading={() => <div>loading</div>}
-      fallback={() => <div>error</div>}
-      plugins={["AMap.AutoComplete"]}
-    >
-      <div>amap {latRef.value}</div>
-      <Amap class={css.demo} center={[latRef.value, 0]} zoom={3}>
-        <AmapMarker
-          position={[0, 0]}
-          label={{ content: `haha ${latRef.value}`, offset: [0, 0], direction: "" }}
-        />
-        <AmapPolyline
-          path={[
-            [-5, -5],
-            [3, latRef.value],
-            [5, 5],
-          ]}
-        />
-        <AmapPolygon
-          path={[
-            [-10, -10],
-            [-10, latRef.value],
-            [-20, -5],
-            [-15, -10],
-            [-20, -20],
-            [-10, -10],
-          ]}
-        />
-        <AmapInfoWindow visible content={"info window content"} position={[0, 0]} />
-      </Amap>
-    </AmapLoader>
-  );
-});

package/src/Demo/DemoBusinessQuoting.tsx

@@ -1,18 +0,0 @@
-import { BusinessQuotingMap } from "../business-components/BusinessQuotingMap";
-import { useBusinessQuotingMap } from "../hooks-business/useBusinessQuotingMap";
-import { defineSetup } from "../types/helper";
-import * as css from "./Demo.css";
-
-export const DemoBusinessQuoting = defineSetup(function DemoBusinessQuoting() {
-  const { setMap, registerFitVeiw } = useBusinessQuotingMap();
-  return () => (
-    <BusinessQuotingMap
-      class={css.demo}
-      from={{ lng: 121.4, lat: 31.2, name: "from place name" }}
-      to={{ lng: 121.5, lat: 31.4, name: "to place name" }}
-      renderDescription={({ distance, duration }) => `全程 *${distance}公里*  约行驶 *${duration}*`}
-      mapRef={setMap}
-      registerOverlay={registerFitVeiw}
-    />
-  );
-});

package/src/Demo/DemoBusinessRecomendPlace.tsx

@@ -1,89 +0,0 @@
-import { computed, reactive } from "vue-demi";
-import {
-  BusinessRecomendPlaceMap,
-  BusinessRecomendPlaceMapProps,
-} from "../business-components/BusinessRecomendPlaceMap";
-import { useBusinessMapAutoComplete } from "../hooks-business/useBusinessMapAutoComplete";
-import { useBusinessRecomendPlaceMap } from "../hooks-business/useBusinessRecomendPlaceMap";
-import { defineSetup } from "../types/helper";
-import type { Region } from "../types/interface";
-import * as css from "./Demo.css";
-
-const SomeAutoComplete = defineSetup(function SomeAutoComplete(props: { cityName: string }) {
-  const { autoCompletePlaces, handleKeywordInput, setCity } = useBusinessMapAutoComplete({
-    cityNameRef: computed(() => props.cityName),
-    log: true,
-  });
-  (window as any).setCity = setCity;
-  return () => {
-    const list = autoCompletePlaces.value.map((place) => (
-      <div>
-        {place.lng} | {place.lat} | {place.name} | {place.description} | {place.distance}
-      </div>
-    ));
-    return (
-      <div>
-        <div>
-          <input onInput={handleKeywordInput} />
-        </div>
-        {list}
-      </div>
-    );
-  };
-});
-
-export const DemoBusinessRecomendPlace = defineSetup(function DemoBusinessRecomendPlace() {
-  const city = reactive<Region>({ name: "" });
-  const cityParent = reactive<Region>({ name: "" });
-  const getRecomendPlace: BusinessRecomendPlaceMapProps["getRecomendPlace"] = async (
-    place,
-    context
-  ) => {
-    const { lat, lng } = place;
-    console.log("getRecomendPlace context?.source = ", context?.source);
-    return [
-      {
-        lat: lat + 0.1001,
-        lng: lng + 0.0001,
-        name: "Blessing Koko Dayc are Blessing Koko which is a very long name",
-      },
-      { lat: lat + 0.0002, lng: lng + 0.0003, name: "place name 2" },
-      { lat: lat + 0.0003, lng: lng + 0.0002, name: "place name 3" },
-    ];
-  };
-  const {
-    centerPlace,
-    placeCandidates,
-    setCenterPlaceByUserSpecified,
-    mapContext,
-    panToGeoPositionByRecomend,
-  } = useBusinessRecomendPlaceMap();
-  (window as any).setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
-  (window as any).panToGeoPositionByRecomend = panToGeoPositionByRecomend;
-  return () => {
-    return (
-      <div>
-        placeCandidates: {placeCandidates} <br />
-        centerPlace: {centerPlace.lng} | {centerPlace.lat} | {centerPlace.name} | {city.name} |{" "}
-        {cityParent.name} <br />
-        <SomeAutoComplete cityName="Shinjuku-ku"></SomeAutoComplete>
-        <BusinessRecomendPlaceMap
-          class={css.demo}
-          geoLoadingTitle={"正在读取GPS位置信息..."}
-          unavailableTitle={"当前区域暂未开通服务"}
-          noRecomendDescription={""}
-          recomendDescription={"最佳上车地点"}
-          geoDefaultPosition={[139.728287, 35.661007]}
-          getRecomendPlace={getRecomendPlace}
-          mapContext={mapContext}
-          onGeoError={(e) => console.log("onGeoError e = ", e)}
-          onClickLocator={() => alert("hi")}
-          onChangeCity={({ cityName, cityParentName }) => {
-            city.name = cityName ?? "";
-            cityParent.name = cityParentName ?? "";
-          }}
-        />
-      </div>
-    );
-  };
-});

package/src/Demo/DemoBusinessTaxiEnd.tsx

@@ -1,38 +0,0 @@
-import { defineComponent } from "vue";
-import { BusinessTaxiEndMap } from "../business-components/BusinessTaxiEndMap";
-import * as css from "./Demo.css";
-
-export const DemoBusinessTaxiEnd = defineComponent({
-  name: "DemoBusinessTaxiEnd",
-  data() {
-    return {
-      from: {},
-      to: {},
-    };
-  },
-  created() {
-    setTimeout(() => {
-      this.from = {
-        lng: 103.7719939,
-        lat: 1.296648,
-        name: "2 College Ave West, Stephen Riady Centre, Singapore 138607",
-      };
-      this.to = {
-        lng: 103.781421,
-        lat: 1.283855,
-        name: "虎豹别墅 (Haw Par Villa)",
-      };
-    }, 2000);
-  },
-  render() {
-    const { from, to } = this;
-    return (
-      <div>
-        <div>
-          {JSON.stringify(from)} | {JSON.stringify(to)}
-        </div>
-        <BusinessTaxiEndMap class={css.demo} from={from} to={to} log />
-      </div>
-    );
-  },
-});

package/src/Demo/DemoBusinessTaxiService.tsx

@@ -1,58 +0,0 @@
-import { defineComponent } from "vue";
-import { BusinessTaxiServiceMap } from "../business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap";
-import { useBusinessTaxiServiceMap } from "../hooks-business/useBusinessTaxiServiceMap";
-import type { Place, Point } from "../types/interface";
-import { isPlace } from "../utils/helper";
-import * as css from "./Demo.css";
-
-export const DemoBusinessTaxiService = defineComponent({
-  setup() {
-    const { setMap, registerFitVeiw } = useBusinessTaxiServiceMap();
-    return { setMap, registerFitVeiw };
-  },
-  data() {
-    return {
-      from: {} as Partial<Place>,
-      to: {} as Partial<Place>,
-    };
-  },
-  created() {
-    setTimeout(() => {
-      this.from = { lng: 121.4, lat: 31.2, name: "from place name" };
-      this.to = { lng: 121.5, lat: 31.4, name: "to place name" };
-    }, 1000);
-  },
-  methods: {
-    getDriverPosition() {
-      return Promise.resolve([121.42, 31.25] as Point);
-    },
-  },
-  render() {
-    const { setMap, getDriverPosition, registerFitVeiw, from, to } = this;
-    const isReady = isPlace(from) && isPlace(to);
-    if (!isReady) return null;
-    return (
-      <BusinessTaxiServiceMap
-        class={css.demo}
-        from={from}
-        to={to}
-        driverStatus="completed"
-        bookDispatchingTitle="2月14日 11:00 用车"
-        bookDispatchedTitle="司机位置将在临近出发时间展示"
-        dispatchingTitle="正在为您搜索附近司机"
-        driverArrivedTitle="司机已等待 00:35"
-        renderStartSerivceTitle={({ distance, duration }) =>
-          `距你*${distance}*公里, *${duration}*分钟`
-        }
-        renderInServiceTitle={({ distance, duration }) =>
-          `距离终点${distance}公里, 预计${duration}分钟`
-        }
-        getDriverPosition={getDriverPosition}
-        interval={5000}
-        mapRef={setMap}
-        registerOverlay={registerFitVeiw}
-        log
-      />
-    );
-  },
-});