problème positionnement carte

**cecile38** · 03/11/2019, 13h37

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**wax78** · 04/11/2019, 14h38

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

**cecile38** · 06/11/2019, 18h23

Voici le code de carto.html :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

problème positionnement carte

Android

Discussions similaires

Partager

Partager