@heycar/heycars-map 0.2.8 → 0.2.9

package/src/components/Demo/BusinessDemo.tsx

@@ -1,117 +0,0 @@
-import { APlaceCircle, GPlaceCircle } from "../../business-components/PlaceCircle";
-import { GWaveCircle } from "../../business-components/WaveCircle";
-import { defineSetup } from "../../types/helper";
-import { Amap } from "../Amap";
-import { AmapLoader } from "../AmapLoader";
-import { Gmap } from "../Gmap";
-import { GmapLoader } from "../GmapLoader";
-import * as css from "./Demo.css";
-
-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 ABusinessDemo = defineSetup(function ABusinessDemo() {
-  return () => (
-    <AmapLoader
-      apiKey={amapApiKey}
-      apiSecret={amapApiSecret}
-      loading={() => <div>loading</div>}
-      fallback={() => <div>error</div>}
-      plugins={["AMap.AutoComplete"]}
-    >
-      <Amap class={css.demo} center={[0, 0]} zoom={3}>
-        {/* <APassengerCircle position={[0, 0]} /> */}
-        {/* <AAddressBox position={[0, 0]} title={"Martyrs Lawn"} description={"您将在此处上车"} /> */}
-        <APlaceCircle position={[0, 0]} label={"Kenkey Hut"} />
-        {/* <AAddressLocator position={[0, 0]} /> */}
-        {/* <AmapMarker position={[0, 0]} /> */}
-        {/* <AStartEndPoint
-          type="end"
-          position={[0, 0]}
-          title="2月14日 11:00 用车"
-          description={"全程 *4.12公里* 约行驶 *22分钟*"}
-        /> */}
-        {/* <ATaxiCar position={[0, 0]} angle={90} title="距离终点 *4.2公里* 预计 *25分钟*" /> */}
-        {/* <ADrivingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        {/* <AWalkingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        {/* <AWaveCircle position={[0, 0]} /> */}
-      </Amap>
-    </AmapLoader>
-  );
-});
-
-export const GBusinessDemo = defineSetup(function GBusinessDemo() {
-  return () => (
-    <GmapLoader
-      version="beta"
-      apiKey={gmapApiKey}
-      loading={() => <div>loading</div>}
-      fallback={() => <div>error</div>}
-      libraries={["places", "marker"]}
-    >
-      <Gmap class={css.demo} center={{ lat: 0, lng: 0 }} zoom={3} mapId={gmapId}>
-        {/* {/* <GmapMarker position={{ lat: 0, lng: 0 }} /> */}
-        {/* <GPassengerCircle position={[0, 0]} /> */}
-        {/* <GAddressLocator position={[0, 0]} /> */}
-        <GPlaceCircle position={[0, 0]} />
-        {/* <GAddressBox position={[0, 0]} title={"当前区域暂未开通服务"} /> */}
-        {/* <GStartEndPoint
-          type="start"
-          position={[0, 0]}
-          title="Webster Dental Plaza"
-          description={"全程 *4.12公里* 约行驶 *22分钟*"}
-        /> */}
-        {/* <GTaxiCar position={[0, 0]} /> */}
-        {/* <GDrivingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        {/* <GWalkingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        <GWaveCircle position={[0, 0]} />
-      </Gmap>
-    </GmapLoader>
-  );
-});

package/src/components/Demo/DemoBusinessQuoting.tsx

@@ -1,38 +0,0 @@
-import { BusinessQuotingMap } from "../../business-components/BusinessQuotingMap";
-import { useBusinessQuotingMap } from "../../hooks-business/useBusinessQuotingMap";
-import { defineSetup } from "../../types/helper";
-import { MapProvider } from "../MapProvider/MapProvider";
-import * as css from "./Demo.css";
-
-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 DemoBusinessQuoting = defineSetup(function DemoBusinessTaxiService() {
-  return () => (
-    <MapProvider
-      amapKey={amapApiKey}
-      amapSecret={amapApiSecret}
-      gmapId={gmapId}
-      gmapKey={gmapApiKey}
-      supplier={"amap"}
-    >
-      <SomeQuotingPage />
-    </MapProvider>
-  );
-});
-
-const SomeQuotingPage = defineSetup(function SomeQuotingPage() {
-  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/components/Demo/Hello.tsx

@@ -1,15 +0,0 @@
-import { defineSetup } from "../../types/helper";
-
-export const Hello = defineSetup(function Hello(props: {
-  className?: string;
-  qyc: number;
-  style: any;
-}) {
-  return () => (
-    <section>
-      <span class={props.className} style={props.style}>
-        hello
-      </span>
-    </section>
-  );
-});

package/src/components/Demo/HeycarDemo.tsx

@@ -1,104 +0,0 @@
-import { computed } 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 { HeycarMap, MapProvider } from "../MapProvider/MapProvider";
-import * as css from "./Demo.css";
-
-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 HeycarDemo = defineSetup(function HeycarDemo() {
-  return () => (
-    <MapProvider
-      amapKey={amapApiKey}
-      amapSecret={amapApiSecret}
-      gmapId={gmapId}
-      gmapKey={gmapApiKey}
-      supplier={"amap"}
-    >
-      <SomeHomePage />
-    </MapProvider>
-  );
-});
-
-export const SomeOuterPage = defineSetup(function SomeOuterPage() {
-  return () => {
-    return (
-      <div>
-        <SomeAutoComplete cityName="上海市"></SomeAutoComplete>
-        <HeycarMap
-          class={css.demo}
-          fallback={() => <div>error</div>}
-          loading={() => <div>loading</div>}
-          center={[121.5, 31]}
-          zoom={13}
-        ></HeycarMap>
-      </div>
-    );
-  };
-});
-const SomeAutoComplete = defineSetup(function SomeAutoComplete(props: { cityName: string }) {
-  const { autoCompletePlaces, setKeyword, setCity } = useBusinessMapAutoComplete({
-    cityNameRef: computed(() => props.cityName),
-  });
-  (window as any).setKeyword = setKeyword;
-  (window as any).setCity = setCity;
-  return () => {
-    const list = autoCompletePlaces.value.map((place) => (
-      <div>
-        {place.lng} | {place.lat} | {place.name} | {place.description}
-      </div>
-    ));
-    return <div>{list}</div>;
-  };
-});
-
-export const SomeHomePage = defineSetup(function SomeHomePage() {
-  const getRecomendPlace: BusinessRecomendPlaceMapProps["getRecomendPlace"] = async (
-    place,
-    context
-  ) => {
-    const { lat, lng } = place;
-    console.log("getRecomendPlace context?.source = ", context?.source);
-    return [
-      { lat: lat + 0.0001, lng: lng + 0.0001, name: "place name 1" },
-      { lat: lat + 0.002, lng: lng + 0.002, name: "place name 2" },
-    ];
-  };
-  const {
-    centerPlace,
-    placeCandidates,
-    panTo,
-    setCenterPlaceByRecomand,
-    mapContext,
-    apiMapDistance,
-  } = useBusinessRecomendPlaceMap();
-
-  (window as any).setCenterPlaceByRecomand = setCenterPlaceByRecomand;
-  return () => {
-    return (
-      <div>
-        placeCandidates: {placeCandidates} <br />
-        centerPlace: {centerPlace.lng} | {centerPlace.lat} | {centerPlace.name} |{" "}
-        {centerPlace.cityName} <br />
-        <BusinessRecomendPlaceMap
-          class={css.demo}
-          title={centerPlace.name}
-          description={"some description"}
-          geoDefaultPosition={[121, 31]}
-          getRecomendPlace={getRecomendPlace}
-          mapContext={mapContext}
-          onGeoError={(e) => console.log("onGeoError e = ", e)}
-        />
-      </div>
-    );
-  };
-});

package/src/components/Demo/TemplateDemo.vue

@@ -1,11 +0,0 @@
-<script>
-import { defineComponent } from "vue";
-import { Hello } from "./Hello";
-
-export default defineComponent({
-  components: { Hello },
-});
-</script>
-<template>
-  <Hello class="hi3" qyc="3"></Hello>
-</template>

package/src/components/Demo/index.ts

@@ -1 +0,0 @@
-export * from "./Demo";