111,120
社区成员
发帖
与我相关
我的任务
分享google上的地图如何实现放大缩小的
<script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAg95Bs2zJzg2q9O1Fc3SS7BRGNujmFMQRTMcFTIA7WEub23XdcRQub0CgiHWD0bo_ZWQfKyMuVxwkDw&sensor=true_or_false"
type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(31.3, 120.6), 13);
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">>
<form id="form1" runat="server">
<div>
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</div>
</form>
</body>
这样实现了加载地图，但是我想让它可以根据我的鼠标滚动来控制地图的放大缩小
type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(31.3, 120.6), 13);
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">>
<form id="form1" runat="server">
<div>
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</div>
</form>
</body>
这样实现了加载地图，但是我想让它可以根据我的鼠标滚动来控制地图的放大缩小
...全文
请发表友善的回复…
发表回复
niaoked 2012-04-18
- 打赏
- 举报
GOOGLE地图放大或缩小时会根据当前缩放比例加载对应比例的图片，缩放等级从0-17级。图片划分原则：
GOOGLE地图中的每一块小图片为固定256*256像素。
0级时，总共为四张图片拼成一个世界地图
1级时，每一小级对应扩大为四张小图，即1级时共有16张图片
其它以次类推。
GOOGLE地图中的每一块小图片为固定256*256像素。
0级时，总共为四张图片拼成一个世界地图
1级时，每一小级对应扩大为四张小图，即1级时共有16张图片
其它以次类推。
crackdung 2012-04-18
- 打赏
- 举报
meic1985 2012-04-18
- 打赏
- 举报
[Quote=引用 14 楼 的回复:]
如果我想把地图的放大级别限制到11，这个能不能实现呢，怎么实现，向大牛请教，谢谢！
[/Quote]
加载map的时候去掉功能按钮呗
如果我想把地图的放大级别限制到11，这个能不能实现呢，怎么实现，向大牛请教，谢谢！
[/Quote]
加载map的时候去掉功能按钮呗
c20707002 2012-04-18
- 打赏
- 举报
如果我想把地图的放大级别限制到11，这个能不能实现呢，怎么实现，向大牛请教，谢谢！
KBY_1987 2011-11-28
- 打赏
- 举报
//定义一个google map实例
var map=new GMap2(document .getElementById ("map"));
//设置中心点
map.setCenter(new GLatLng(31.39391, 121.36214), 11);
//启用滚轮缩放
map.enableScrollWheelZoom();
赞一个，正是目前需要的啊
var map=new GMap2(document .getElementById ("map"));
//设置中心点
map.setCenter(new GLatLng(31.39391, 121.36214), 11);
//启用滚轮缩放
map.enableScrollWheelZoom();
赞一个，正是目前需要的啊
nkhuangyanping 2011-05-09
- 打赏
- 举报
赞一个，我看懂了，简单的实现了
nkhuangyanping 2011-05-09
- 打赏
- 举报
你结贴后另外问问题呗。
dingli0258520 2010-06-02
- 打赏
- 举报
//定义一个google map实例
var map=new GMap2(document .getElementById ("map"));
//设置中心点
map.setCenter(new GLatLng(31.39391, 121.36214), 11);
//启用滚轮缩放
map.enableScrollWheelZoom();
好东西啊！！！感谢谢了！也受教了，
顺便问一下，用三级连动菜单做地图搜索怎么做！急！急！急！各们大虾，帮帮小弟的忙吧！感激不尽！谢谢！
var map=new GMap2(document .getElementById ("map"));
//设置中心点
map.setCenter(new GLatLng(31.39391, 121.36214), 11);
//启用滚轮缩放
map.enableScrollWheelZoom();
好东西啊！！！感谢谢了！也受教了，
顺便问一下，用三级连动菜单做地图搜索怎么做！急！急！急！各们大虾，帮帮小弟的忙吧！感激不尽！谢谢！
AnfyChan 2010-01-23
- 打赏
- 举报
[Quote=引用 3 楼 maxwellno1 的回复:]
map.setCenter(new GLatLng(31.3, 120.6), 13);
这句中 13那个值所在的参数就是地图索放值 你尝试改变这个值 地图会变大变小
你可以用鼠标滚轮事件来改变那个参数 从而实现地图的变大变小
[/Quote]
同意楼上
map.setCenter(new GLatLng(31.3, 120.6), 13);
这句中 13那个值所在的参数就是地图索放值 你尝试改变这个值 地图会变大变小
你可以用鼠标滚轮事件来改变那个参数 从而实现地图的变大变小
[/Quote]
同意楼上
shao080 2010-01-23
- 打赏
- 举报
GOOD
maxwellno1 2010-01-23
- 打赏
- 举报
如果不是在设置地图center时缩放地图的话 就用enableScrollWheelZoom()这个函数启用使用鼠标滚轮缩
放 注意：默认情况下禁用滚轮缩放
Google 地图 API 参考
http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html#GMap2
放 注意：默认情况下禁用滚轮缩放
Google 地图 API 参考
http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html#GMap2
maxwellno1 2010-01-23
- 打赏
- 举报
map.setCenter(new GLatLng(31.3, 120.6), 13);
这句中 13那个值所在的参数就是地图索放值 你尝试改变这个值 地图会变大变小
你可以用鼠标滚轮事件来改变那个参数 从而实现地图的变大变小
这句中 13那个值所在的参数就是地图索放值 你尝试改变这个值 地图会变大变小
你可以用鼠标滚轮事件来改变那个参数 从而实现地图的变大变小
danjiewu 2010-01-23
- 打赏
- 举报
[Quote=引用 1 楼 much0726 的回复:]
我觉得是不同的图片。
根据坐标和参数来加载不同的图片。
[/Quote]
对头，googlemap是提供了固定的几个比例，每个比例显示对应的图片
我觉得是不同的图片。
根据坐标和参数来加载不同的图片。
[/Quote]
对头，googlemap是提供了固定的几个比例，每个比例显示对应的图片
much0726 2010-01-23
- 打赏
- 举报
我觉得是不同的图片。
根据坐标和参数来加载不同的图片。
根据坐标和参数来加载不同的图片。
maxwellno1 2010-01-23
- 打赏
- 举报
[Quote=引用 8 楼 zhutingtinglovemck 的回复:]
我测试了一下改变了那个值，正如你所说，不好意思，我还想问一下enableScrollWheelZoom() 这个方法在什么地方运用，谢谢
[/Quote]
//定义一个google map实例
var map=new GMap2(document .getElementById ("map"));
//设置中心点
map.setCenter(new GLatLng(31.39391, 121.36214), 11);
//启用滚轮缩放
map.enableScrollWheelZoom();
google map api的函数其实都挺简单的 楼主不用想得太复杂 当然难用的函数也是有的 一起学习吧 呵呵
我测试了一下改变了那个值，正如你所说，不好意思，我还想问一下enableScrollWheelZoom() 这个方法在什么地方运用，谢谢
[/Quote]
//定义一个google map实例
var map=new GMap2(document .getElementById ("map"));
//设置中心点
map.setCenter(new GLatLng(31.39391, 121.36214), 11);
//启用滚轮缩放
map.enableScrollWheelZoom();
google map api的函数其实都挺简单的 楼主不用想得太复杂 当然难用的函数也是有的 一起学习吧 呵呵
zhutingtinglovemck 2010-01-23
- 打赏
- 举报
我测试了一下改变了那个值，正如你所说，不好意思，我还想问一下enableScrollWheelZoom() 这个方法在什么地方运用，谢谢
wuyq11 2010-01-23
- 打赏
- 举报
map.addControl(new GMapTypeControl());
看看google map的API
看看google map的API
