Jquery 谷歌地图不';不要在我的cordova应用程序中运行
我正在开发Visual Studio 2013 Apache Cordova应用程序。我在谷歌地图上查找点时遇到问题。我已经在我的应用程序中添加了地理位置插件,但它不起作用。这是我的密码:Jquery 谷歌地图不';不要在我的cordova应用程序中运行,jquery,cordova,visual-studio-cordova,Jquery,Cordova,Visual Studio Cordova,我正在开发Visual Studio 2013 Apache Cordova应用程序。我在谷歌地图上查找点时遇到问题。我已经在我的应用程序中添加了地理位置插件,但它不起作用。这是我的密码: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div><button id="showmap" >show
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div><button id="showmap" >show map </button></div>
<div id="googleMap">View Map ---</div>
<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
$("#showmap").click(function () {
var damas = new google.maps.LatLng(33.513, 36.2920000000003);
var mapProp = {
center: damas,
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var myCity = new google.maps.Circle({
center: damas,
radius: 20000,
strokeColor: "#0F00FF",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#F0F0FF",
fillOpacity: 0.8,
editable: true
});
myCity.setMap(map);
});
</script>
</body>
</html>
显示地图
视图地图---
$(“#显示地图”)。单击(函数(){
var damas=new google.maps.LatLng(33.513,36.29200000000003);
var mapProp={
中心:达马斯,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“googleMap”),mapProp);
var myCity=new google.maps.Circle({
中心:达马斯,
半径:20000,
strokeColor:#0F00FF“,
笔划不透明度:0.8,
冲程重量:2,
填充颜色:“F0F0FF”,
填充不透明度:0.8,
可编辑:真
});
myCity.setMap(map);
});
请给我一些建议。谢谢 您需要为div添加高度:
<div id="googleMap" style="height:300px;">View Map ---</div>
您可以看到我为您创建的一个示例。您是否尝试为您的
googleMap
div设置维度?是的,我忘了为div添加样式。非常感谢你。
$("#googleMap").height(300);