是否可以将具有透明背景的 SVG 分层到 Google 地图上?
是否可以使用 d3 这样的库在地图上分层 SVG 图像,而不是使用 Google Map 的折线 API?
野外有这样的例子吗?
Instead of the using Google Map's polyline API, is it possible to layer an SVG image over the map with a library like d3?
Are there any examples of this in the wild?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
是的,当然有可能。对于任何野外示例,Google 有一个示例 使用图像创建自定义叠加层。如果您想使用 SVG 甚至 Canvas,那么实际上没有什么区别,您可以以任何您喜欢的方式操作 DOM :)
Yes, of course it is possible. In regards to any examples in the wild, Google has an example of creating a custom overlay using an image. If you want to use SVG or even Canvas then there is really no difference you can manipulate the DOM in any way you please :)
由于 GoogleMaps 中的错误,这在一段时间内是不可能的。如果 SVG 很大(汽车路线),则 svg 在某些浏览器(即 Opera 12+ 和 iPad Safari)中会从某些缩放级别消失。折线在所有浏览器中都可以正常工作,并且在 GoogleMaps 之外进行测试时,相同缩放下的相同 SVG 也可以正常工作。
It is not possible for some time because of bug in GoogleMaps. If SVG is large (car route), svg disappear from some zoom level in some browsers (namely Opera 12+ and iPad Safari). Polyline works fine in all browsers a and same SVG in same zoom works fine when tested outside GoogleMaps.