zoukankan      html  css  js  c++  java
  • Google Maps API 2.控制地图

    1. 地图缩放控件

    (1)全能控件——GLargeMapControl

    (2)微型化控件——GSmallMapControl

    (3)微型缩放控件——GSmallZoomControl

    2.地图类型选择控件

    (1)按钮式标准控件——GMapTypeControl

    (2)菜单式控件——GMenuTypeControl

    (3)阶层式标准控件——GhierarchicalMapTypeControl

    3.缩略图控件——GOverviewMapControl

    4.比例尺控件——GScaleControl

    如何添加控件:

    map.addControl(new GLargeMapControl());

    map.addControl(new GLargeMapControl(),new GControlPosition(G_ANCHOR_BOTTOM_RIGHT,new GSize(10,10)));

    GControlPosition决定控件的位置,可选参数;

    <html>
    <head>
    <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"));
    //设置地图的中心坐标.
    map.setCenter(new GLatLng(39.990168,116.295304),4);
    //允许用户移动和缩放地图
    map.addControl(new GSmallMapControl());
    //允许用户在地图类型之间切换
    map.addControl(new GMapTypeControl());
    }
    }
    </script>
    </head>
    <body onload="load()" onunload="GUnload()">
    <!-- 地图画板 -->
    <div id="mapCanvas" style="640px; height:480px"></div>
    </body>
    </html>


  • 相关阅读:
    hadoop——数据清洗测试
    本地配置hadoop
    从textarea中获取数据后按原样显示
    form自动提交
    艺术和代码的结合 turtle + python 的结合
    python-->微信支付
    python-图片流传输(url转换二维码)
    python-qrcode-二维码
    Java 通过先序中序序列生成二叉树
    Java 实现二叉树的构建以及3种遍历方法
  • 原文地址:https://www.cnblogs.com/January/p/2228145.html
Copyright © 2011-2022 走看看