如何在javascript中获取变量并将其放在地图中获取地理位置？_Javascript_Here Api

如何在javascript中获取变量并将其放在地图中获取地理位置？

javascript here-api

如何在javascript中获取变量并将其放在地图中获取地理位置？,javascript,here-api,Javascript,Here Api,有人能破解这个密码吗？我有一些javascript代码地理位置和这里的地图脚本，我想把地理位置坐标放在这里的地图脚本。。下面是我的密码 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, width=device-width" /> <link rel="stylesheet" type="text/css" href="http

有人能破解这个密码吗？我有一些javascript代码地理位置和这里的地图脚本，我想把地理位置坐标放在这里的地图脚本。。下面是我的密码

<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="http://js.api.here.com/v3/3.0.12.2/mapsjs-ui.css" />
      <script src="http://js.api.here.com/v3/3.0.12.2/mapsjs-core.js"  type="text/javascript" charset="utf-8"></script>
        <script src="http://js.api.here.com/v3/3.0.12.2/mapsjs-service.js"  type="text/javascript" charset="utf-8"></script>
        <script src="http://js.api.here.com/v3/3.0.12.2/mapsjs-mapevents.js" type="text/javascript" charset="utf-8"></script>
        <script src="http://js.api.here.com/v3/3.0.12.2/mapsjs-pano.js" type="text/javascript" charset="utf-8"></script>
        <script src="http://js.api.here.com/v3/3.0.12.2/mapsjs-ui.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>
<button onclick="getLocation()">My Location</button><br/>
 <input type="text" id="latpos" name="latpos">
 <input type="text" id="longpos" name="longpos">
 <div id="map" style="width: 100%; height: 400px; background: grey" />
 <script  type="text/javascript" charset="UTF-8" >

var x = document.getElementById("demo");
function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
        } else {
            x.alert("Geolocation is not supported by this browser.");
        }
    }
    function showPosition(position) {
      var origlat= position.coords.latitude ;
      var origlong= position.coords.longitude ;
      var lat=document.getElementById("latpos");
      lat.value=origlat;
      var lon=document.getElementById("longpos");
      lon.value=origlong;
}


function addMarkerAndSetViewBounds(map) {
  var latitu="-6.811408423530006";
  var longitu= "110.85068956017494";
  var origl= origlat;
  var origlo= origlong;
  var Isone = new H.map.Marker({lat:latitu, lng:longitu}),
      geol = new H.map.Marker({lat:origl, lng:origlo}),
      group = new H.map.Group();

  group.addObjects([Isone , geol]);
  map.addObject(group);

// get geo bounding box for the group and set it to the map
  map.setViewBounds(group.getBounds());

 }
    /Step 1: initialize communication with the platform
  var platform = new H.service.Platform({
  app_id: 'DemoAppId01082013GAL',
  app_code: 'AJKnXv84fjrb0KIHawS0Tg',
    useCIT: false,
  });
var defaultLayers = platform.createDefaultLayers();

//Step 2: initialize a map - this map is centered over Europe
var map = new H.Map(document.getElementById('map'),
  defaultLayers.normal.map,{
  center: {lat:50, lng:5},
  zoom: 15
});

//Step 3: make the map interactive
// MapEvents enables the event system
// Behavior implements default interactions for pan/zoom (also on mobile touch environments)
var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));

// Create the default UI components
var ui = H.ui.UI.createDefault(map, defaultLayers);

// Now use the map as required...

addMarkerAndSetViewBounds(map);

 </script>
</body>
</html>


我的位置

var x=document.getElementById（“演示”）；
函数getLocation（）{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（showPosition）；
}否则{
x、 警报（“此浏览器不支持地理位置”）；
}
}
功能显示位置（位置）{
var origlat=位置坐标纬度；
var origlong=位置.坐标.经度；
var lat=document.getElementById（“latpos”）；
横向值=初始值；
var lon=document.getElementById（“longpos”）；
lon.值=初始值；
}
函数addMarkerAndSetViewBounds（映射）{
var latitu=“-6.811408423530006”；
var longitu=“110.85068956017494”；
var origl=origlat；
var origlo=origlong；
var Isone=新的地图标记（{lat:latitu，lng:longitu}），
geol=新的H.map.Marker（{lat:origl，lng:origlo}），
group=新的H.map.group（）；
addObjects（[Isone，geol]）；
map.addObject（组）；
//获取组的地理边界框并将其设置为地图
setViewBounds（group.getBounds（））；
}
/步骤1：初始化与平台的通信
var平台=新的H.service.platform({
应用程序id:“DemoAppId01082013GAL”，
应用程序代码：“AJKnXv84fjrb0KIHawS0Tg”，
useCIT:false，
});
var defaultLayers=platform.createDefaultLayers（）；
//步骤2：初始化地图-此地图以欧洲为中心
var map=new H.map（document.getElementById（'map'），
defaultLayers.normal.map{
中心：{lat:50，lng:5}，
缩放：15
});
//步骤3：使地图具有交互性
//MapEvents启用事件系统
//行为实现了平移/缩放的默认交互（也在移动触摸环境中）
var behavior=newh.mapevents.behavior（newh.mapevents.mapevents（map））；
//创建默认的UI组件
var ui=H.ui.ui.createDefault（映射，默认层）；
//现在根据需要使用地图。。。
addMarkerAndSetViewBounds（地图）；

但是，那个代码并没有很好地工作。。如何在变量

var origl

和

var origlo

中获取值

var origlat

和

var origlo

？

有人能帮我修复这个代码吗？

你应该使用origlat，origlong全局变量，而不是局部变量

x.alert

？？？为什么元素有一个警报方法？它只是html5地理定位代码中的复制粘贴。。我是个编码新手。。请指导我修复上面的代码。

函数showPosition（position）{var origlat=position.coords.latitude；var origlong=position.coords.longitude；var lat=document.getElementById（“latpos”）；lat.value=origlat；var lon=document.getElementById（“longpos”）；lon.value=origlong；}var late=document.getElementById（“latpos”）.value；var longe=document.getElementById（“longpos”）.value；函数addMarkerAndSetViewBounds（map）{var origl=late；var origlo=longe；var geol=new H.map.Marker（{lat:origl，lng:origlo}），

但是var geol中没有值，您能帮我吗？