Google Maps JSAPI V3

发布时间:2019-09-14 09:25:47编辑:auto阅读(1717)

    V3中,做了不少改进,下面对将做简单扼要地介绍。

    V3的特性

        1. 不再需要API Key
        2. 指定sensor传感器参数,检测到用户当前位置
        3. 针对移动设备(IPhone设备和Android系统)的开发
        4. 支持本地化
        5. 版本管理

    Google Maps JSAPI V3 - 基础知识

    Google Maps JavaScript API V3 - 参考

    示例程序

    1. <html> 
    2. <head> 
    3. <title>我的Google Maps入门程序</title> 
    4. <META  charset="utf-8"> 
    5. <script src="http://maps.google.com/maps/api/js?sensor=false" ></script> 
    6. <script type=text/javascript> 
    7. (function(){ 
    8.     var map = null
    9.     var level = 10
    10.     var options; 
    11.  
    12.     window.init=function(){ 
    13. /* 
    14.     options.mapTypeId的值有 
    15.         MapTypeId.ROADMAP:用于显示默认的道路地图视图 
    16.         MapTypeId.SATELLITE:用于显示 Google 地球卫星图像 
    17.         MapTypeId.HYBRID:用于同时显示普通视图和卫星视图 
    18.         MapTypeId.TERRAIN:用于根据地形信息显示实际地图 
    19. */ 
    20.         options = {   
    21.             zoom: level, 
    22.             center: new google.maps.LatLng(39.89911190624382, 116.35516015625), 
    23.             mapTypeId: google.maps.MapTypeId.ROADMAP, 
    24.             mapTypeControl: true 
    25.         }; 
    26.         map = new google.maps.Map(document.getElementById("divMap"), options); 
    27.     }; 
    28. })(); 
    29. </script> 
    30. </head> 
    31. <body onload="init()"> 
    32.   <div id="divMap" style="height: 400px; width:600px; border:solid 1px gray"></div> 
    33. </body> 
    34. </html> 

    P.S. V3让人感觉Google彻底开放了,而且API的设计也改善了,在移动方面还需要改进,期待!

     

关键字