zoukankan      html  css  js  c++  java
  • Google Maps API 1.Load Google Map

    <html>
    <head>
    <title>Load Google Map</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script
    src="http://ditu.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
    type
    ="text/javascript"></script>

    <script type="text/javascript">
    function load(){
    //检查浏览器的兼容性.
    if (GBrowserIsCompatible())
    {
    //加载地图
    var map=new GMap2(document.getElementById("mapCanvas"));
    //设置地图的中心坐标.(GLatLng(经度,纬度),Zoom Leavel)
    //Zoom Leavel(MaxValue=1,数值越大 Zoom Leavel 越小)
    map.setCenter(new GLatLng(39.990168, 116.295304), 5);
    // map.setCenter(new GLatLng(23.352697196375434, 103.4267520904541),18);
    }
    }
    </script>
    </head>
    <body onload="load()" onunload="GUnload()">
    <!-- 地图画板 -->
    <div id="mapCanvas" style="800px; height:600px"></div>
    </body>
    </html>

     2.设置地图的通用属性

    (1)map.continuousZoomEnabled()--判断地图是否支持连续缩放;

           map.enableContinuousZoom() / map.disableContinuousZoom() 方法来切换是否可连续缩放;

    (2)滚轮缩放——map.enableScrollWheelZoom() / map.disableScrollWheelZoom()

    (3)双击缩放——map.enableDoubleClickZoom() / map.disableDoubleClickZoom()

    (4)地图拖动(默认)—— draggingEnabled() 判断地图是否可以拖动,enableDragging()/ disableDragging()

    (5)信息窗口——地图可以弹出一个泡状的标注,以此来显示信息;infoWindowEnabled()判断,enableInfoWindow() /disableInfoWindow

    (6)添加搜索栏

    3.地图类型

    map.setMapType(G_SATELLIFE_MAP); //修改地图类型为卫星地图

    混合地图——G_HYBRID_MAP   默认值——G_NOMAL_MAP

  • 相关阅读:
    模拟费用流学习笔记
    爬山游记
    基数排序板子
    webim
    centos9 重启网络
    Linux虚拟机桥接模式下ping不通自己配置的网关
    win7怎样开启loopback接口(环回网卡)
    在CentOS上配置SAMBA共享目录
    linux间scp拷贝文件夹
    nginx配置http和https可同时访问方法
  • 原文地址:https://www.cnblogs.com/January/p/2228116.html
Copyright © 2011-2022 走看看