2012-12-03 2 views
1

내가 jQuery를 문서jQuery를 모바일,

<div data-role="popup" id="popupMap" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15"> 

    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> 

    <iframe src="map.html" width="480" height="320" seamless></iframe> 

</div> 

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Map</title> 
    <script> 
     function initialize() { 
      var myLatlng = new google.maps.LatLng(51.520838, -0.140261); 
      var myOptions = { 
       zoom: 15, 
       center: myLatlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      } 
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     } 
    </script> 
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <style> 
     html { 
      height: 100%; 
      overflow: hidden; 
     } 
     body { 
      margin: 0; 
      padding: 0; 
      height: 100%; 
     } 
     #map_canvas { 
      height: 100%; 
     }  
    </style> 
</head> 
<body onload="initialize()"> 

    <div id="map_canvas"></div> 

</body> 
</html> 

을에서 예제 코드를 사용하고 구글지도에 핀을 추가하고이 팝업 창에서 구글 맵을 열어하는 방법 화면에.

하지만 특정 위치에 떨어 뜨린 핀으로이 작업을 수행하려면 어떻게해야합니까?

답변

1

이 코드는 위치 -25.363882의지도에 131.044922를 마커를 추가합니다 :

function initialize() { 
    var myLatlng = new google.maps.LatLng(51.520838, -0.140261); 
    var myOptions = { 
     zoom: 15, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    var markerLatlng = new google.maps.LatLng(-25.363882,131.044922); 
    var marker = new google.maps.Marker({ 
     position: markerLatlng, 
     title:"Hello World!" 
    }); 
    marker.setMap(map); 
} 

내가 정말 Google Maps API Guide

를 읽어 보시기 바랍니다
관련 문제