要在 react-hook-google-maps 中添加折线,可以使用 Polyline 组件。以下是示例代码:
import { GoogleMap, useJsApiLoader, Polyline } from "@react-google-maps/api";
function Map() { const { isLoaded } = useJsApiLoader({ id: "google-map-script", googleMapsApiKey: YOUR_API_KEY_HERE, });
const polylinePath = [ { lat: 34.6928, lng: 135.4959 }, // Osaka { lat: 35.6528, lng: 139.8395 }, // Tokyo { lat: 37.7749, lng: -122.4194 }, // San Francisco { lat: 40.7128, lng: -74.006 }, ]; // New York
return isLoaded ? (
请将 YOUR_API_KEY_HERE 替换为您的 Google API 密钥。这将在地图上绘制一条从大阪到纽约的折线。