zoomin和zoomout工具选项

时间:2015-07-09 05:50:44

标签: javascript jquery html google-maps

我正在使用谷歌地图创建javascript网络应用程序。我正在尝试为zoomin和zoomout选项创建一个工具。我创建了两个用于zoomin和zoomout的按钮,现在我正在尝试激活这些工具。当我使用此工具进行缩放和缩放选项时,它将在地图上进行缩放和操作。我正在尝试这段代码

<button name="button" value="" type="button" id="zoomin" onclick="document.getElementById('mapviewer').change(); clicked"></button>
 <div id="mapviewer">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>    
function initialize() {
         var mapOptions = {
         zoom: 4,
         center: new google.maps.LatLng(-33, 151),
         mapTypeControl: true,
         mapTypeControlOptions: {
              style: google.maps.MapTypeControlStyle.DEFAULT,
              mapTypeIds: [
                              google.maps.MapTypeId.ROADMAP,
                              google.maps.MapTypeId.TERRAIN
                            ]
                          },
                          zoomControl: false,
                          zoomControlOptions: {
                            style: google.maps.ZoomControlStyle.SMALL
                          }
                        };
                        var map = new google.maps.Map(document.getElementById('mapviewer'),
                                                      mapOptions);
                        map.setOptions({draggable: false, zoomControl: false, scrollwheel: false, disableDoubleClickZoom: true});                              
                      }

                      google.maps.event.addDomListener(window, 'load', initialize);
                       </script>    

                         <script type="text/javascript">
                            function performClick(elemId) {
                               var elem = document.getElementById(elemId);
                               if(elem && document.createEvent) {
                                  var evt = document.createEvent("MouseEvents");
                                  evt.initEvent("click", true, false);
                                  elem.dispatchEvent(evt);
                               }
                            }
                         </script>
                         </div>

使用此页面作为参考[博客]:How to add the pan tool within the iframe?

现在我正在尝试为zoomin选项编写脚本,如果我单击按钮,则选择箭头会更改为缩放图标,它将放大谷歌地图。请为此任务提供一些代码参考

1 个答案:

答案 0 :(得分:1)

地图代码:

shutdown()

此代码可用于使用单击按钮放大和缩小工具选项