Javascript 如何使用多段线和openInfoWindowHtml拍摄谷歌地图快照
我正在开发一个功能,用多段线拍摄谷歌地图的快照,并在多段线上打开弹出窗口,点击谷歌地图。 带有多段线的谷歌地图快照正在运行 但它将无法在多段线上拍摄快照并打开弹出窗口。 多段线显示在sanpshot图片上,但信息窗口未显示。 下面是拍摄快照的代码 此代码用于初始化javascript onload上的代码控件:Javascript 如何使用多段线和openInfoWindowHtml拍摄谷歌地图快照,javascript,Javascript,我正在开发一个功能,用多段线拍摄谷歌地图的快照,并在多段线上打开弹出窗口,点击谷歌地图。 带有多段线的谷歌地图快照正在运行 但它将无法在多段线上拍摄快照并打开弹出窗口。 多段线显示在sanpshot图片上,但信息窗口未显示。 下面是拍摄快照的代码 此代码用于初始化javascript onload上的代码控件: var snapShotControlOptions = { hidden: true }; snapShotControlOptions.bu
var snapShotControlOptions = { hidden: true };
snapShotControlOptions.buttonLabelHtml="<snap id='snap' style='display:none' >snap</span>"
snapShotControl = new SnapShotControl(snapShotControlOptions);
map.addControl(snapShotControl);
问题是,当我从谷歌地图上获取sanpshot时,他们的这些弹出窗口并没有包含在sanpshot上
var MousePoint = "";
var marker;
GEvent.addListener(map, "mousemove", function (point) {
MousePoint = new GLatLng(point.lat(), point.lng());
});
GEvent.addListener(polyline, "click", function () {
map.openInfoWindowHtml(MousePoint, headMarkerHtml);
});
GEvent.addListener(polyline, "mouseout", function () {
// map.closeInfoWindow();
});
你们能告诉我在多段线叠加中通过弹出窗口的是谁吗
我已使用javascript文件snapshotcontrol.js从snapshotcontrol源代码中获取快照。 此库使您可以轻松地生成图像的“快照” 交互式地图,使用谷歌静态地图API 静态地图不支持信息窗口或类似向地图添加自定义文本的任何操作 您可以在浏览器中的画布上绘制地图 使用以下命令在其顶部绘制信息窗口
然后下载画布内容您能给出一个JSFIDLE脚本吗?我可以帮你,但你应该在运行时看到你的代码
var MousePoint = "";
var marker;
GEvent.addListener(map, "mousemove", function (point) {
MousePoint = new GLatLng(point.lat(), point.lng());
});
GEvent.addListener(polyline, "click", function () {
map.openInfoWindowHtml(MousePoint, headMarkerHtml);
});
GEvent.addListener(polyline, "mouseout", function () {
// map.closeInfoWindow();
});