google地图 JavaScript API V3版本 实例 教程大全

张映 发表于 2010-07-21

分类目录: google

标签:, , , ,

基础知识

  1. 简单的例子
  2. 地理位置
  3. 语言
  4. 位置
  5. 坐标
  6. 简单的投影

事件

  1. 简单事件
  2. 关闭事件
  3. 多次添加事件
  4. 事件属性

控制

  1. php禁用ui
  2. 简单控制
  3. 选项控制
  4. 位置控制
  5. 自定义控制
  6. 自定义状态控制

图形图标

  1. 简单标记
  2. 简单图标
  3. 复杂图标
  4. 简单拆线
  5. 复杂折线
  6. 简单多边形
  7. 自封闭多边形
  8. 数组多边形
  9. 简单的地贴
  10. 简单的信息窗口
  11. 最大化简单信息窗口
  12. 简单覆盖
  13. 删除覆盖
  14. 显示隐藏覆盖

  1. php线条
  2. 点线
  3. 简单融合表
  4. 查寻融合表
  5. 融合表热区
  6. 带图弹出层
  7. 交通地图层
  8. 环形地图层

地图类型

  1. 基本类型
  2. 覆盖类型
  3. 交通类型
  4. 简单类型
  5. 复杂类型

服 务

  1. 简单地理编码
  2. 相反地理编码
  3. es地理编码
  4. us地理编码
  5. 简单方向
  6. 面板方向
  7. 复杂方向
  8. 交通方向
  9. 海简海拔
  10. 路径海拔
  11. 简单街景
  12. 地图街景
  13. 嵌入街景
  14. 覆盖街景
  15. 事件街景
  16. 控制街景
  17. 服务街景
  18. 街景定制
  19. 街景定制


转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/google/935.html

5 条评论

  1. 张映 留言

    添加标记:

    marker = new GMarker(map.getCenter(),{dragCrossMove:false,draggable:true,title:"增加标记"}); map.addOverlay(marker);

    删除标记:

    map.clearOverlays();

  2. theron 留言

    请教,使用v3怎么实现多tab的infowindow?

  3. 张映 留言

    function createTabbedMarker(point,htmls,labels) {
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() {
    // adjust the width so that the info window is large enough for this many tabs
    if (htmls.length > 2) {
    htmls[0] = '' + htmls[0] + '';
    }
    var tabs = [];
    for (var i=0; i<htmls.length; i++) {
    tabs.push(new GInfoWindowTab(labels[i],htmls[i]));
    }
    marker.openInfoWindowTabsHtml(tabs);
    });
    return marker;
    }

    var point = new GLatLng(31.22572,-79.8);
    var marker = createTabbedMarker(point, ["Tab 1", "Tab 2","Tab 3","Tab 4"],["One","Two","Three","Four"]);
    map.addOverlay(marker);

  4. jvk 留言

    不是说V3嘛 怎么还是给V2的方法~~~

  5. 玉寶 留言

    版主你好:
    我用API v3做一個按鍵的程式,可是按下去不會顯示我要的東西
    可否請版主幫忙!!~謝謝

    玉寶之地

    var map;
    var markersArray = [];
    var f_CrystalBall_a;
    var f_CrystalBall_b;
    function initialize() {
    var haightAshbury = new google.maps.LatLng(23.760796,120.987731);
    var mapOptions = {
    zoom: 7,
    center: haightAshbury,
    mapTypeId: google.maps.MapTypeId.SATELLITE
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),
    mapOptions);

    google.maps.event.addListener(map, 'click', function(event) {
    addMarker(event.latLng);
    });
    }
    function initCB(object) {
    ge = object;
    ge.getWindow().setVisibility(true);
    ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW);
    //ge.enableLayerById(ge.LAYER_TERRAIN, true);
    ge.getOptions().setAtmosphereVisibility(true);
    f_CrystalBall_a = getNL('http://gemvg.com/ge/kml/imagery/resolution.kml');
    f_CrystalBall_b = getNL('http://gemvg.com/ge/overlay/Map.kml');
    toggleOptions();
    go(23.5832, 120.5825, 0,0,0,500000);
    }

    function failureCB(object) {
    alert('load failed');
    }

    function go(lat,lon,alt,heading,tilt,range){
    var la = ge.createLookAt('');
    la.set(lat, lon, alt, ge.ALTITUDE_RELATIVE_TO_GROUND, heading,tilt,range);
    ge.getView().setAbstractView(la);
    }

    function getNL(kmlURL){
    var nl = ge.createNetworkLink("");
    var link = ge.createLink("");
    link.setHref(kmlURL);
    nl.setLink(link);
    ge.getGlobe().getFeatures().appendChild(nl);
    return nl;
    }

    function gebid(e) { return document.getElementById(e); }

    function toggleOptions() {
    var options = ge.getOptions();
    var root = ge.getLayerRoot();
    var form = gebid("options");
    f_CrystalBall_a.setVisibility(form.crystal_a.checked);
    f_CrystalBall_c.setVisibility(form.crystal_c.checked);

    }

    GOOGLE EARTH與GOOGLE MAP導覽

    按鍵01
    按鍵02

留下评论

留下评论
  • (必需)
  • (必需) (will not be published)
  • (必需)   2X6=?