2016-09-19 81 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