大佬教程收集整理的这篇文章主要介绍了android – PhoneGap中的Google Maps API v3:移动后标记无法正确绘制,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
上周,当我移动标记时,我开始注意到它做了一些奇怪的事情.它似乎创建了一个重复的标记,而不是只是移动它.与圆圈相同.有时如果我改变缩放,那么复制品似乎就会消失.但是,它偶尔会画出一些奇怪的切线.见下图.
这是我在手机上收到Android 4.1更新版本后不久.不确定是否相关,我找不到任何有关问题的信息.
我将地图和phonegap代码减少到不到100行,它仍然在做.我很确定它与phonegap没有关系,但我将其升级到2.2无论如何确定,但它没有帮助.移动标记和圆圈时,有谁可以告诉我是否做错了什么?请注意,我在下面删除了我的Google Maps API密钥.
谢谢,
埃里克
<!DOCTYPE HTML> <html> <head> <title>Marker Test</title> <Meta name="viewport" content="initial-scale=1.0,user-scalable=no" /> <style type="text/css"> html {height: 100%} body {height: 100%; margin:0; padding:0} #map_canvas {height: 100%} </style> <script type="text/javascript" charset="utf-8" src="js/phonegap.js"></script> <script type="text/javascript" charset="utf-8" src="http://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE&sensor=true"></script> <script type="text/javascript" charset="utf-8"> // Wait for PhoneGap to load // document.addEventListener("deviceready",onDeviceReady,falsE); // globals var watchID = null; var map = null; var myLOCATIOnMarker = null; var searchCircle = null; // PhoneGap is ready // function onDeviceReady() { startGPS(); } function startGPS() { console.log("In startGPS"); var refreshMilliseconds = 5000; var options = { frequency: refreshMilliseconds,enableHighAccuracy: truE}; watchID = navigator.geoLOCATIOn.watchPosition(onGPSsuccess,onGPSError,options); // create Google map var mapOptions = { zoom: 14,mapTypEID: google.maps.MapTypEID.roaDMAP }; map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); myLOCATIOnMarker = new google.maps.Marker({ title: 'This is me!',zIndex: 90,map:map }); searchCircle = new google.maps.Circle({ fillColor: '#c0e4dd',strokeColor: '#f15f22',fillOpacity: 0.5,radius: 1500,map:map }); } var onGPSsuccess = function(p) { // get the new coordinates var lat = p.coords.latitude; var lng = p.coords.longitude; console.log("watch ID " + watchID); // Now that we have the coordinates,we can move the marker and circle on the Google Map MoveMarkerAndCircle(lat,lng); }; var MoveMarkerAndCircle = function(lat,lng) { var myLOCATIOn = new google.maps.LatLng(lat,lng); myLOCATIOnMarker.setPosition(myLOCATIOn); searchCircle.setCenter(myLOCATIOn); map.setCenter(myLOCATIOn); } var onGPSError = function() { console.log("GPS Error"); }; var GenerateFakeMovement = function() { var currentPosition = myLOCATIOnMarker.getPosition(); var newLat = currentPosition.lat() + 0.01; var newLng = currentPosition.lng() + 0.01; MoveMarkerAndCircle(newLat,newLng); } </script> </head> <body style="height:100%;text-align:center"> <div id="map_canvas" style="width: 100%;height:80%"></div> <a href='#' onclick="GenerateFakeMovement();" style="padding-top:5px">MAKE FAKE MOVEMENT</a> </body> </html>
以上是大佬教程为你收集整理的android – PhoneGap中的Google Maps API v3:移动后标记无法正确绘制全部内容,希望文章能够帮你解决android – PhoneGap中的Google Maps API v3:移动后标记无法正确绘制所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。