problème positionnement carte

Bonjour,

J'affiche une webview avec un fond google. Le problème est que ma carte est centrée sur New York alors que je voudrais qu'elle soit centrée sur ma postion.
Quelqu'un aurait-il une idée ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
	  public void onCreate(Bundle savedInstanceState)
	  {
	    super.onCreate(savedInstanceState);
	    setContentView(R.layout.activity_main);
	    webview = (WebView) findViewById(R.id.tutorialView);
	    webview.getSettings().setJavaScriptEnabled(true);
	    webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
	    webview.getSettings().setGeolocationEnabled(true);
	    webview.setEnabled(true);
	    webview.setClickable(true);
	    webview.loadUrl("file:///android_asset/www/carto.html");
 
	  }

Merci d'avance

Le probleme se situe certainement dans le code présent dans 'carto.html' mais difficile a dire sans voir le dit code.

Voici le code de carto.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
<head>
<title>GIS</title>
<meta http-equiv='content-Type' content='text/html; charset=UTF-8' />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"
   integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
   crossorigin=""/>
  <!-- Make sure you put this AFTER Leaflet's CSS -->
 <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"
   integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg=="
   crossorigin=""></script>
<style>
 html, body, #map {
             height: 100%;
             width: 100vw;
            }
            body {
            padding: 0;
            margin: 0;
            }
 
  </style>
</head>
<body>
<div id="map"></div>
<script>
var mymap = L.map('map');
var GRaster = L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',{subdomains:['mt0','mt1','mt2','mt3']});
var OSMRoads =  L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(mymap);
   
    L.control.layers({
    'Satelite image' :GRaster,
    'Road maps':OSMRoads
    }).addTo(mymap);     
      
      function onLocationFound(e) {
            var radius = e.accuracy / 2;
 
            L.marker(e.latlng).addTo(mymap)
                .bindPopup("You are within " + radius + " meters from this point").openPopup();
 
            L.circle(e.latlng, radius).addTo(mymap);
        }
 
      
      function onLocationError(e) {
                alert("erreur " + e);
            mymap.setView(new L.LatLng(51.505, -0.09), 8);
            console.log(e.message);
        }
 
      mymap.on('locationerror', onLocationError);      
      mymap.on('locationfound', onLocationFound);
      
      mymap.locate({setView: true, maxZoom: 16});
      
    </script>
    </body>
    </html>