使用图像作为 google 地图并为其指定坐标
Using an image as a google map and giving it coordinates
JavaScript 中是否有一种方法可以将离线地图添加到 PHP/HTML 页面,这样我就可以使用(地图的)JPEG 图像并给出其边界坐标(经度和纬度),然后以某种方式使用我为图像(地图)设置的那些坐标来精确定位图像上的某些东西?
例如:
- 我有一张宽 400px 长 300px 的图片。
- 在 1px 处纬度为 44.2353,在 300px 处为 49.2539。
- 与经度相似。
然后,代码执行以下操作:
SetMarkerPosition(纬度, 经度);
地图上指定坐标处出现一个标记。
是的,Google 用 Google Static Maps API 迎合了这一点。您只需在 HTML 页面上包含一个 img
标签,并将源设置为 URL,如下所示:
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284">
但是在图像的 src URL 末尾还有一个 &key=YOUR_API_KEY
。
API 文档描述了如何构建 URL、可以在其中输入哪些参数等。
JavaScript 中是否有一种方法可以将离线地图添加到 PHP/HTML 页面,这样我就可以使用(地图的)JPEG 图像并给出其边界坐标(经度和纬度),然后以某种方式使用我为图像(地图)设置的那些坐标来精确定位图像上的某些东西?
例如:
- 我有一张宽 400px 长 300px 的图片。
- 在 1px 处纬度为 44.2353,在 300px 处为 49.2539。
- 与经度相似。
然后,代码执行以下操作:
SetMarkerPosition(纬度, 经度);
地图上指定坐标处出现一个标记。
是的,Google 用 Google Static Maps API 迎合了这一点。您只需在 HTML 页面上包含一个 img
标签,并将源设置为 URL,如下所示:
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284">
但是在图像的 src URL 末尾还有一个 &key=YOUR_API_KEY
。
API 文档描述了如何构建 URL、可以在其中输入哪些参数等。