SVG对象的中心屏幕

时间:2014-03-11 17:33:27

标签: svg map gps center pan

我正在使用自定义SVG地图为Android开发一个gps跟踪应用程序。我可以通过设备的GPS在SVG地图上打印我的确切位置,但是当我想在我的位置平移/居中屏幕时,我遇到了一些困难。基本上我的想法是在我移动时自动移动/平移地图,这样用户就不必自己动手。我正在使用jquery.panzoom(https://github.com/timmywil/jquery.panzoom)。有没有人这样做过,会感激任何建议。感谢

1 个答案:

答案 0 :(得分:0)

您可以尝试使用SVG片段标识符。

http://www.w3.org/TR/SVG11/linking.html#SVGFragmentIdentifiers

基本上,您可以在要链接的SVG的URL中提供viewBox。假设您正在使用外部SVG文件(即未嵌入)。

例如,如果你想显示SVG的左上角200x200,你可以这样做:

http://url.of.my.svg/map.svg#svgView(viewBox(0,0,200,200))

示例:http://upload.wikimedia.org/wikipedia/commons/2/21/New_Zealand_location_map.svg#svgView(viewBox(800,1600,400,400))

然后当GPS位置发生变化时,您只需更新URL即可。它节省了不得不弄乱文件的内容。

唯一的附带条件是我还没有检查过Android WebView是否支持它。我假设您使用的是WebView?