调整大小时,将点固定在交互式地图上的某个位置上
Keeping points fixed over a place on an interactive map when resizing
我正在创建一个交互式地图:
https://jsfiddle.net/71hns9b3/2/
使用图像(无谷歌API等)来标记点。使用谷歌API,您可以使用纬度,长坐标,因此您在调整地图大小时不必担心。显然,如果没有Google API,这是不可能的。
#termini {
top: 37.5%;
left: 61.8%;
}
这两张图片表明了我的意思:
http://s10.postimg.org/6m4oufudl/Screen_Shot_2016_02_22_at_12_45_51.png
只需将position
属性relative
添加到容器div
,还需要在%
中声明引脚的width
和height
-在这个例子中可以做的最好的事情
例
相关文章:
- 寻找一个免费的交互式美国地图与突出显示的州
- 交互式信息窗口谷歌地图V3
- 如何使用当前的网络技术生成六边形交互式地图
- 如何插入交互式地图
- 使用 jQuery 和 HTML5 创建自定义交互式地图
- Javascript:将类应用于多个 Id 用于交互式地图
- 创建交互式地图传单-ajax
- 有关交互式地图应用程序的任何建议
- 调整大小时,将点固定在交互式地图上的某个位置上
- 寻找一个交互式javascript地图解决方案,允许放大,标记和使用位图图像(不是SVG))
- 如何用javascript实现交互式地图
- 我有一个脚本添加多个标记到交互式谷歌地图.我希望所有的标记都能容纳不同的信息窗口
- 使用现有的交互式地图和文件夹(桌面/网络)在Android Studio上轻松创建应用程序
- 自定义交互式谷歌地图
- 使用必应定位API抓取坐标并使用它创建交互式地图
- 带有框架的Html页面,从一个框架链接到另一个框架(带有交互式地图)
- 为web门户创建交互式SVG地图
- 使用JavaScript/jQuery创建一个交互式地图
- 交互式地图建议
- 交互式地图(非Flash)悬停问题