java怎么实现跳转到指定页面
239
2023-05-16
Google Maps API简易教程（二）
一、Google Map Event
单击一下Marker，就会触发click事件。拖曳当前地图，将会触发center_changed事件。而google.maps.addListener监听地图上每一个动作，
相应的事件处理代码由用户编写。一下举几个例子，以加深理解。
（1）单击Marker改变Zoom
如上图所示，单击London上的Marker,当前的地图的Zoom改变，相应的代码如下：
复制// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,click,function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
1.2.3.4.5.
（2）Pan返回Marker
在本例中，单击地图左上角的pan的一个角，地图的中心发生了改变，3秒后又返回到原来的中心，这将会触发center_changed事件。相应的代码如下：
复制 google.maps.event.addListener(map,center_changed,function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
});
1.2.3.4.5.
（3）单击Marker显示InfoWindow
如上图，单击Marker,显示一个含有Hello world 字符的InfoWindow,相关代码如下：
复制var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, click, function() {
infowindow.open(map,marker);
});
1.2.3.4.5.6.7.
（4）设置Markers，并为每一个Marker打开一个InfoWindow
相关代码如下：
复制google.maps.event.addListener(map, click, function(event) {
placeMarker(event.latLng);
});
nction placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map,
});
var infowindow = new google.maps.InfoWindow({
content: Latitude: + location.lat() +
<br>Longitude: + location.lng()
});
infowindow.open(map,marker);
1.2.3.4.5.6.7.8.9.10.11.12.13.14.
以上只是几个Event处理的简单应用，还有其他的常见事件，比如MapsEventListener，MouseEvent等等，在这里不再细讲。如果有兴趣的话，请查阅相关文档。
原文链接：http://www.cnblogs.com/williamcai/archive/2013/03/01/2937933.html
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
暂时没有评论，来抢沙发吧~