PhoneGap: 在iPhone上构建基于Google Map的应用程序

PhoneGap在iPhone平台上集成Google Map很简单。

比如获取用户当前的地理位置并在Google Map上显示，

下面的例子是使用Google的静态地图服务。

1、修改PhoneGap.plist文件，在ExternalHosts中添加maps.googleapis.com或者*开通所有外部链接，并且EnableLocation是打开的。

2、创建JS：

        function preventBehavior(e)
        {
            e.preventDefault();
        };
        document.addEventListener("touchmove", preventBehavior, false);

        function onBodyLoad()
        {
            document.addEventListener("deviceready", onDeviceReady, false);
        }

        function onDeviceReady()
        {
          // do your thing!
          var onSuccess = function(position) {
          document.getElementById('map_canvas').src="http://maps.googleapis.com/maps/api/staticmap?center="+
                                  position.coords.latitude +","+ position.coords.longitude +"&zoom=11&size=300x300&sensor=false";

        };

        // onError Callback receives a PositionError object
        function onError(error) {
            alert('code: '    + error.code    + 'n' +
              'message: ' + error.message + 'n');
            }

            navigator.geolocation.getCurrentPosition(onSuccess, onError);

        }

3、创建index.html页面

<h1>Google Map iPhone Integration</h1>
<img id="map_canvas" alt="" />

regards,

iefreer