1

ここには地図、マーカー、infoBox があります。

今、jquery dialog() とモーダルウィンドウでインフォボックスを変更したい...どうすればいいですか?

これがインフォボックスを使用した私のコードです

 google.maps.event.addListener(marker,'click',function(){

        service.getDetails(request, function(place, status) {
          if (status == google.maps.places.PlacesServiceStatus.OK) {
            var contentStr = '<div class="m_tooltip"><h5>'+place.name+'</h5><p>'+place.formatted_address+'</p>';
            if (!!place.formatted_phone_number) contentStr += '<br>'+place.formatted_phone_number;
            if (!!place.website) contentStr += '<br><a target="_blank" href="'+place.website+'">'+place.website+'</a>';
            if (!!place.photos) contentStr += '<img src='+place.photos[0].getUrl({ 'maxWidth': 300, 'maxHeight': 300 })+'></img>';
            contentStr += '<br>'+place.types+'</p>';


            //contentStr += '<h5">'+place.reviews[0].text+'</h5></div>';
            ib.setContent(contentStr);
            ib.open(map,marker);

          } else { 
            var contentStr = "<h5>No Result, status="+status+"</h5>";
            ib.setContent(contentStr);
            ib.open(map,marker);
          }
        });

    });

gmarkers.push(marker);

これをダイアログで変更したい...

私は試してみます：

$(function() {
    $( ".m_tooltip" ).dialog({
      resizable: false,
      height:140,
      modal: true
    });
  });

しかし、これは機能しません...助けてください

4

1 に答える 1

0 
google.maps.event.addListener(marker,'click',function(){
      service.getDetails(request, function(place, status) {
      var content= '<h1>'+place.name+'</h1>';//and add all what you want
      $(content).dialog();
      });
      });
于 2013-09-03T15:48:22.460 に答える