个人中心
gpt4 book ai didi

java - 使用java WebView的谷歌地图API中的奇怪字符

转载 作者：太空宇宙 更新时间：2023-11-04 11:53:12 25 4
gpt4 key购买 nike

编辑:我想我发现了问题，我在使用 java 7 的窗口中测试应用程序并运行良好，没有奇怪的符号，并使用 java 8 在两个不同的 Mac 上运行应用程序并失败。我不相信这个版本，因为 java 它应该在任何平台上同样运行在任何理论上。

回复:编辑:是操作系统!!!!我只是检查，在带有 java 8 的 Windows 中并且工作正常，与编码有关我能做什么？ :'(。(我使用 macOS)

也许只是 JavaFX 版本，可以在应用程序中保存旧版本的 JavaFX，但不知道如何做，请提供帮助。

结束编辑

我在 JavaFX 中使用 WebView 制作了一个桌面 java 应用程序，并制作了自己的 HTML 页面，一切正常，但突然字符失败，我认为不是 HTML，因为我放置了 H1，看起来不错，但谷歌地图却不然。

HTML 在浏览器中工作正常，但在 java 中失败!

另外，我删除了 cookie。

这是屏幕截图 Screenshot

这是来自 google api 的 HTML 大多数复制粘贴:

<!DOCTYPE html>
  <html>
  <head>
  <meta >
    <title> "Vista de Clientes" </title>

    <style> 
    #map {
        height: 100%;
    }
    html, body {
  font-family: sans-serif;
        height: 100%;
        margin: 0;
        padding: 0;
    }

  .controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  }

  #pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
  }

  #pac-input:focus {
  border-color: #4d90fe;
  }

  .pac-container {
  font-family: Roboto;
  }

  #type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
  }

  #type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
  }
  #target {
  width: 345px;
  }
    </style>
  </head>
  <body>

  <input id="pac-input" class="controls" type="text" placeholder="Search Box">
  <h1> hola </h1>
    <div id="map"></div>

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=APIKEYISGOOD&libraries=places"></script>

  <script>



  // object for the stores
  var GreenCircle = {
  path: google.maps.SymbolPath.CIRCLE,
  fillColor: 'Lime',
  fillOpacity: 1,
  scale: 10,
  strokeColor: 'green',
  strokeWeight: 1
  }; 

  // google map instance
  var map;
  var markers = [];

  // function for the initialization
  function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
  zoom: 12,
  center: {lat: 21.8857199, lng: -102.3613399}
  });

  var input = document.getElementById('pac-input');
  var searchBox = new google.maps.places.SearchBox(input);
  map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

  // Bias the SearchBox results towards current map's viewport.
  map.addListener('bounds_changed', function() {
  searchBox.setBounds(map.getBounds());
  });


  searchBox.addListener('places_changed', function() {
  var places = searchBox.getPlaces();

  if (places.length == 0) {
  return;
  }


  // Clear out the old markers.
  markers.forEach(function(marker) {
  marker.setMap(null);
  });
  markers = [];

  // For each place, get the icon, name and location.
  var bounds = new google.maps.LatLngBounds();
  places.forEach(function(place) {
  if (!place.geometry) {
  console.log("Returned place contains no geometry");
  return;
  }

  var icon = {
  url: place.icon,
  size: new google.maps.Size(71, 71),
  origin: new google.maps.Point(0, 0),
  anchor: new google.maps.Point(17, 34),
  scaledSize: new google.maps.Size(25, 25)
  };

  // Create a marker for each place.
  markers.push(new google.maps.Marker({
  map: map,
  icon: icon,
  title: place.name,
  position: place.geometry.location,
  draggable: true
  }));

  if (place.geometry.viewport) {
  // Only geocodes have viewport.
  bounds.union(place.geometry.viewport);
  } else {
  bounds.extend(place.geometry.location);
  }
  });
  map.fitBounds(bounds);
  }); 
  }

    initMap();

    function setMarker(latvar, lngvar, labels){
  var marker = new google.maps.Marker({ 
  position: { lat: latvar, lng: lngvar},
  map: map,
  label: labels || "",
  tittle: labels,
  icon: GreenCircle
  });
    }

  function setSelfMarker(Geojson)
  {
  map.data.addGeoJson( JSON.parse(Geojson) );
  }

  function setPosition(lat, lng)
  {
  map.setCenter(new google.maps.LatLng( lat, lng ) );
  }

    </script>


  </body>
  </html>

我使用以下方式加载代码:

 String webPage = this.getFileSrc("VistaClientes.html");
  webEngine.loadContent( webPage);

是包含完整 html 的字符串。

最佳答案

这里的问题是 Mac 上的 JavaFX webview 存在错误。它尝试在本地加载一些字体，但被禁止。您可以通过将以下 CSS 指令添加到 <style> 来解决 Google map 的此问题。标签。

.gm-style-mtc > div, .gm-style > div, .gm-style-cc > div, .gm-style {font-family:sans-serif !important;}

关于java - 使用java WebView的谷歌地图API中的奇怪字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41602344/

25 4 0
文章推荐： javascript - 点击图片映射时addClass
文章推荐： linux - Ubuntu Nginx - Phpmyadmin 卡在登录状态
文章推荐： jquery - 将菜单栏放在左边，不影响其他元素
文章推荐： PHP:联系表单错误 undefined index 和变量
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com