google地图

/*google地图加载/

var zoomAcount=12;//初始级别

/*地图初始化*/   
      var myOptions = {
        center: new google.maps.LatLng(36.2623420917,120.2110321605),//中心点
        zoom: zoomAcount,
        streetViewControl: false,
        mapTypeControlOptions : {
            mapTypeIds : ['locaMap'] //定义地图类型
        } 
      };
      map = new google.maps.Map(document.getElementById("map_center"), myOptions);//加载位置
      var localMapType = new google.maps.ImageMapType({
            getTileUrl : function(coord, zoom) {
                zoomAcount=zoom;

                //zoom:地图缩放级别(12~17)
                var url = "/map/tiles/" + zoom + "/" + coord.x + "/" + coord.y + ".png"

                return url;
            },
            tileSize : new google.maps.Size(256, 256),
            maxZoom : 17,
            minZoom : 12,
            name : '区域地图'
        });

        map.mapTypes.set('locaMap', localMapType); //绑定本地地图类型
        map.setMapTypeId('locaMap'); //指定显示本地地图 
//创建标注
                                var xpoint = 22;
                                var point = new google.maps.Point(xpoint, 129);
                                var marker = new MarkerWithLabel({
                                    position: new google.maps.LatLng(36.2423, 120.32445),   

                                     labelContent: ‘提示信息’, 
                                       map: map,                          
                                    labelAnchor: new google.maps.Point(0, 28),  
                                    labelAnchor: point,  
                                    labelClass: "labels",
                                    labelStyle: {opacity: 1},
                                    draggable:true,//标注可拖动
                                    title:‘标题’ 
                                }); 
                                //标注添加点击事件 
                                google.maps.event.addListener(marker, 'click', function() {
                                    show();
                                });

相关事件:
–点击事件
单击:
google.maps.event.addListener(map, ‘click’, function() {
showInfo(item);
});
双击:
google.maps.event.addListener(map, ‘dblclick’, function() {
(“#id”).addClass(“”); (“#id”).addClass(“”); (“#id”).show();
$(“#id”).append();
});

–鼠标滑动缩放事件(获取缩放级别)

google.maps.event.addListener(map, ‘zoom_changed’, function() {
var zoomLevel = map.getZoom();

          });

–鼠标移动获取当前坐标

google.maps.event.addListener(map, ‘mousemove’, function(event) {
center = event.latLng;
centerlat = center.lat();
centerlng = center.lng();
LatLngJ=centerlat;
LatLngW=centerlng;

                    }); 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值