2016-09-19 54 views
0

下面是在我的html页面上显示地图的jquery现在我想在此地图上的特定位置显示标记,那么我该如何启用它。请帮助我解决这个问题。如何启用谷歌地图标记

Result images of running map

tjq(document).ready(function() { 

      tjq('a[href="#map-tab"]').on('shown.bs.tab', function (e) { 
       var center = panorama.getPosition(); 
       google.maps.event.trigger(map, "resize"); 
       map.setCenter(center); 
      }); 

      var map = null; 
      var panorama = null; 
      var fenway = new google.maps.LatLng(48.855702, 2.292577); 
      var mapOptions = { 
       center: fenway, 
       zoom: 12 
      }; 

      var panoramaOptions = { 
       position: fenway, 
       pov: { 
        heading: 34, 
        pitch: 10 
       } 
      }; 
      function initialize() { 
       tjq("#map-tab").height(tjq("#hotel-main-content").width() * 0.6); 
       map = new google.maps.Map(document.getElementById('map-tab'), mapOptions); 
       panorama = new google.maps.StreetViewPanorama(document.getElementById('steet-view-tab'), panoramaOptions); 
       map.setStreetView(panorama); 
      } 
      google.maps.event.addDomListener(window, 'load', initialize); 




html code for showing the map 


    <div id="map-tab" class="tab-pane fade"> 

             </div> 

回答

0

,你只需要为标记添加初始化函数内部新的变量:

var marker = new google.maps.Marker({ 
     position: myLatLng, 
     map: map, 
     title: 'Hello World!' 
    }); 

参考:google maps Javascript API

+0

我已经把这个剧本,但现在的工作,请您及时提供任何其他解决方案。 – Vivek