小编Aye*_*sha的帖子

谷歌地图v3没有完全显示在html5中

谷歌地图v3没有完全显示在html5,phonegap中. 在此输入图像描述

这个地图是可拖动的,这里是JavaScript代码(main.js)

 var map;
 function initialize() {
 var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
 var myLatlng2 = new google.maps.LatLng(-24.363882,131.044922);

 var myOptions = {
 center: myLatlng,
 zoom:5,
 mapTypeId: google.maps.MapTypeId.ROADMAP

 };
 map = new google.maps.Map(document.getElementById("map_canvas"),
 myOptions);

 setMarker(myLatlng);
 setMarker(myLatlng2);

 }

 function setMarker(p)
 {
 marker = new google.maps.Marker({
 position: p,
 title:"Hello World 2!"
 });
 marker.setMap(map);

 }

 initialize();

Run Code Online (Sandbox Code Playgroud)

这是我的HTML

 <!DOCTYPE HTML>
 <html>
 <head>
 <meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" />
 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
 <link rel="stylesheet"  href="css/jquery.mobile.css" />
 <link href="css/styles.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" charset="utf-8" src="js/cordova-1.9.0.js"></script>

 <script …

Run Code Online (Sandbox Code Playgroud)

html5 android google-maps-api-3 cordova

Aye*_*sha

lucky-day

7
推荐指数

1
解决办法

1693
查看次数

zxing条形码扫描仪在phonegap安卓应用程序中的固定div

我在我的android phonegap应用程序中成功添加了zxing条形码扫描程序插件这里是js代码页面显示我能够看到条形码扫描仪屏幕.

  $('#scanpage').live('pageshow', function (event, ui) {
    //navigator.notification.alert("Search page");

    window.plugins.barcodeScanner.scan( function(result) {
        //navigator.notification.alert("We got a barcode\n" +   "Result: " + result.text + "\n" +"Format: " + result.format + "\n" +
            //    "Cancelled: " + result.cancelled);
         }, function(error) {
        navigator.notification.alert("Scanning failed: " + error);
    }); 

});

Run Code Online (Sandbox Code Playgroud)

这是html5页面代码

div id="scanpage" data-role="page">
<div data-role="header" class="pageheader">

<div class="height30" style="padding-right:2%;">
 <div class="back" style="margin-right:2%;"><a href="#homepage">Back</a></div>
<div class="logo2" ><a href="#"  ><img src="images/scan.png" style="padding-top:12px;" alt="Scan Code" /></a>
</div>
 </div>
 </div> 

<div data-role="content"  class="wrapper" style="width:100%">


 <div style="background-color:#000000;" >
 <div …

Run Code Online (Sandbox Code Playgroud)

android zxing jquery-mobile cordova

Aye*_*sha

lucky-day

7
推荐指数

1
解决办法

5552
查看次数