如何使用javascript将谷歌地图div转换为图像

Question

我需要使用 java 脚本或 c# 向客户发送 HTML 电子邮件，其中包含 Google 地图（带有路线）示例：Uber Call 出租车使用谷歌地图发送给客户发票作为 html 邮件Uber Html Invoice with google maps

Answer 1

您可以使用 Google 静态地图： https : //developers.google.com/maps/documentation/static-maps/

一个例子是这样的：

<img src="http://maps.googleapis.com/maps/api/staticmap?size=800x600&maptype=hybrid&scale=2&format=png8&sensor=false&path=geodesic%3Atrue%7C-6.9325%2C+37.3916666666667%7C-6.9325%2C+37.3933333333333%7C-6.93388888888889%2C+37.3933333333333%7C-6.93388888888889%2C+37.3916666666667%7C-6.9325%2C+37.3916666666667&zoom=10" width="800" height="600"/>

Answer 2

您可以使用PhantomJs的屏幕截图功能来捕获 html 页面并将其保存为 .jpg 或 .png 图像在服务器上。 然后，您可以将图像包含在发送给用户的发票中。 PhantomJs 命令可以保存为 .bat 文件并通过 C# 代码触发。

Answer 3

有一种方法可以使用静态 API 并添加额外的编码折线。

此处的示例 url 生成以下图像：

基本上，您必须生成动态 JS 映射并解析结果以查找名为“overview_polyline”的标记。 然后将此字段发送到静态地图生成器以在地图顶部添加线条。

来源： https : //stackoverflow.com/a/23937276/1581477

有关折线的更多信息： https : //developers.google.com/maps/documentation/utilities/polylineutility