地址的谷歌静态地图参考:
https://developers.google.com/maps/documentation/maps-static/dev-guide#Addresses
这是我最近用来执行此操作的 JavaScript 函数。传递给函数的addressElements 参数是一个地址元素数组,例如['10 Main St', 'Brownsville', 'MS', '27123', 'USA']
。
您可以看到我已经注释掉了 center 和 zoom 属性,因为您在定义标记时不需要这些属性。要删除标记,只需取消注释这两行并注释掉标记行。
您显然可以自己构建此图像,但我使用 URLSearchParams 来简化参数创建并自动对它们进行 URL 编码。
function getGoogleMapsImage(addressElements) {
var image = Nucleus.element('img');
image.width = '256';
image.height = '256';
var joined = addressElements.join(',');
var params = new URLSearchParams();
//params.append('center', joined);
//params.append('zoom', '15');
params.append('size', '256x256');
params.append('maptype', 'roadmap');
params.append('key', 'YOUR_API_KEY_HERE');
params.append('markers', 'color:red|label:C|' + joined);
var url = 'https://maps.googleapis.com/maps/api/staticmap?' + params.toString();
image.src = url;
return image;
}