Question

我正在尝试将Transit Layer添加到我的wordpress主题附带的现有地图中。我不确定我做错了但是每当我添加我在这里找到的代码时，地图就会停止加载（https://developers.google.com/maps/documentation/javascript/trafficlayer#transit_layer）

我知道我需要编辑的文件位于js / google_js / google_map_js中，看起来像......

    /*global google */
/*global Modernizr */
/*global InfoBox */
/*global googlecode_regular_vars*/
var gmarkers = [];
var current_place=0;
var actions=[];
var categories=[];
var vertical_pan=-190;
var map_open=0;
var vertical_off=150;
var pins='';
var markers='';
var infoBox = null;
var category=null;
var width_browser=null;
var infobox_width=null;
var wraper_height=null;
var info_image=null;
var map;
var found_id;
var selected_id         =   '';
var javamap;
var oms;

function initialize(){
    "use strict";

    var mapOptions = {
             flat:false,
             noClear:false,
             zoom: parseInt(googlecode_regular_vars.page_custom_zoom),
             scrollwheel: false,
             draggable: true,
             center: new google.maps.LatLng(googlecode_regular_vars.general_latitude, googlecode_regular_vars.general_longitude),
             mapTypeId: google.maps.MapTypeId.ROADMAP,
             streetViewControl:false,
             mapTypeControlOptions: {
                mapTypeIds: [google.maps.MapTypeId.ROADMAP]
            },
            disableDefaultUI: true
            };


    if(  document.getElementById('googleMap') ){
        map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
    }else{
        return;
    }
    google.maps.visualRefresh = true;


    if(mapfunctions_vars.show_g_search_status==='yes'){
        set_google_search(map)
    }



    if(mapfunctions_vars.map_style !==''){
       var styles = JSON.parse ( mapfunctions_vars.map_style );
       map.setOptions({styles: styles});
    }





    google.maps.event.addListener(map, 'tilesloaded', function() {
     jQuery('#gmap-loading').remove();
    });

    if (Modernizr.mq('only all and (max-width: 1025px)')) {
        map.setOptions({'draggable': false});
    }


    if(googlecode_regular_vars.generated_pins==='0'){
        pins=googlecode_regular_vars.markers;
        markers = jQuery.parseJSON(pins);
    }else{
        if( typeof( googlecode_regular_vars2) !== 'undefined' && googlecode_regular_vars2.markers2.length > 2){          
            pins=googlecode_regular_vars2.markers2;
            markers = jQuery.parseJSON(pins);                 
        }           
    }



    if (markers.length>0){
        setMarkers(map, markers);
    }

    if(googlecode_regular_vars.idx_status==='1'){
        placeidx(map,markers);
    }

    //set map cluster
    map_cluster();

    /*function scrollwhel(event){
        if(map.scrollwheel===true){
            event.stopPropagation();
        }
    }

    google.maps.event.addDomListener(document.getElementById('googleMap'), 'mousewheel', scrollwhel);
    google.maps.event.addDomListener(document.getElementById('googleMap'), 'DOMMouseScroll', scrollwhel);
    */

    oms = new OverlappingMarkerSpiderfier(map, {markersWontMove: true, markersWontHide: true,keepSpiderfied :true,legWeight:3});
    setOms(gmarkers);

}
///////////////////////////////// end initialize
/////////////////////////////////////////////////////////////////////////////////// 


if (typeof google === 'object' && typeof google.maps === 'object') {                                         
    google.maps.event.addDomListener(window, 'load', initialize);
}

我知道我需要输入的代码就是这个......

function initialize() {
  var myLatlng = new google.maps.LatLng(51.501904,-0.115871);
  var mapOptions = {
    zoom: 13,
    center: myLatlng
  }

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var transitLayer = new google.maps.TransitLayer();
  transitLayer.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

任何帮助都将非常感谢。谢谢。

Answer 1

我认为你应该添加TransitLayer代码：

   var transitLayer = new google.maps.TransitLayer();    
   transitLayer.setMap(map);

在地图对象生成代码下：

   map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
   var transitLayer = new google.maps.TransitLayer();    
   transitLayer.setMap(map);

然后它应该工作。

working fiddle

难以将传输层添加到Google地图

1 个答案: