科尔多瓦在<a href="">中包含了GoogleMaps

debugcn 发表于 Dev

锡西斯

我是Stackoverflow的新手，但我已经读了很多！

我来自德国，很抱歉，如果不清楚。

我是科尔多瓦的新手。我正在为游客编写一个应用程序。我的应用程序内部有一个名为“卡片”的按钮。当有人单击按钮时，我想显示我在应用程序中的位置，但那不起作用：-/

我试过的是：

<script>
function success(position) {
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcontainer';
mapcanvas.style.height = '400px';
mapcanvas.style.width = '600px';

document.querySelector('article').appendChild(mapcanvas);

var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

var options = {
zoom: 15,
center: coords,
mapTypeControl: false,
navigationControlOptions: {
    style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcontainer"), options);

var marker = new google.maps.Marker({
  position: coords,
  map: map,
  title:"You are here!"
});
}

if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('Geo Location is not supported');
}

</script>

然后用HTML

<a href="#" onclick="success()"></a>

没有第一个空格，但是如果没有它，堆栈不会显示代码。

我希望有人可以帮助我。如何更改我的代码以使其正常工作的教程将是很棒的！

打招呼！

编辑：如何解决这个问题：伙计们……这要容易得多！

我刚刚添加 <a href="#" onclick="window.open('http://www.maps.google.de/', '_blank', 'location=yes', 'presentationstyle=fullscreen')"></a>

到我的按钮...现在它像我想打开它一样将其打开！

Navneeth

尝试这些html。它的工作之一。

 <DOCTYPE html>
        <html>
            <head>
                <script type="text/javascript" src="cordova.js"></script>
        <script src="http://www.google.com/jsapi"></script>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <script type="text/javascript" src="js/jquery-2.0.2.js"></script>
        <script type="text/javascript">
            google.load('maps', '3', {
                        other_params: 'sensor=false'
                        });

       google.setOnLoadCallback(initialize);

    function initialize() {
                                  initializeMap();
       }

    function initializeMap()
    {
        $("#map").html("");
        map = new google.maps.Map(document.getElementById('map'), {
                                  zoom: 12,
                                  center: new google.maps.LatLng(32.083300, 34.800000),
                                  mapTypeId: google.maps.MapTypeId.ROADMAP,
                                  mapTypeControl:false,
                                  streetViewControl:false,

                                  });
                                  alert("Map Started--------------------");
    }



function getlocation()
{
    navigator.geolocation.getCurrentPosition(onSuccess, onError);
}
var lnglat;
   var mylocationpng = 'mylocation.png';
   var mymarker=null;
function onSuccess(position)
{
    var lng = position.coords.longitude;
    var lat = position.coords.latitude;

     lnglat = new google.maps.LatLng(lat,lng);
     var currentlocationpng = new google.maps.MarkerImage(mylocationpng,new google.maps.Size(42, 42));
     map.panTo(lnglat);

            if(mymarker==null)
            {
                mymarker = new google.maps.Marker({
                                                  position: lnglat,
                                                  draggable: false,
                                                  icon: currentlocationpng,
                                                  map: map
                                                  });

            }
            else
            {
                //alert('again');
                mymarker.setPosition(lnglat);

            }
        //alert('done');
}

function onError()
{
    alert("Can't show current location");
}


    </script>
</head>
    <body>

    <div id="temp">
    <img src="mylocation.png" width="30" height="30" id="mylocation" onclick="getlocation()"/>
    </div>
    <div id="map"></div>
</body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。