2016-09-19 5 views
0

ниже jQuery для отображения карты на моей странице html теперь я хочу показать маркер на конкретном месте на этой карте, то как я могу включить его .please поможет мне решить эту проблему.как включить google map marker

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

я уже поставил этот сценарий, но сейчас работает .please предоставить любой другой уход. – Vivek