使用图像作为谷歌地图并给它坐标

Question

JavaScript中是否有办法将离线地图添加到PHP / HTML页面，这样我只使用JPEG图像（地图）并给出其边界坐标（经度和纬度），以及然后以某种方式使用我为图像（地图）设置的那些坐标来确定它上面的东西？

例如：

• 我的图像宽400像素，长300像素。
• 1px长，纬度为44.2353，而300px为49.2539。
• 与经度相似的东西。

• 然后，代码执行以下操作：

  SetMarkerPosition（纬度，经度）;

地图上的标记出现在指定的坐标处。

Answer 1

是的，Google通过Google Static Maps API迎合了这一点。您只需在HTML页面上添加img标记，并将源设置为如下所示的网址：

<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网址末尾有一个&key=YOUR_API_KEY。

API文档描述了如何构建URL，可以放入哪些参数等等。