将lat，lng信息传递给谷歌地图脚本

Question

我有一个index.html文件，其中包含一个gogglemap.js文件，用于显示用户位置的地图。目前我正在尝试将正确的代码添加到index.html以将lat，lng信息传递给js文件。

以下是索引文件的填充内容，以显示我尝试执行的操作：

＆＃13;

＆＃13;

<h3><display user city></h3>  <---- this needs to display users city and has filler text to show what I am trying to accomplish.

<div id="map"></div>

<script>var lat=12.356;var lng=-19.31;var country="User Country";var city="User City";</script> <----- seems like it is getting the lat/lng somehow before the index page loads and inserting this script into the index file?

＆＃13;

＆＃13;

＆＃13;

这是js文件代码：

＆＃13;

＆＃13;

var styles = [{yourcustomstyle}]

var myLatlng = { lat: lat, lng: lng };

function initialize() {

  var mapOptions = {
    zoom: 12,
    center: myLatlng,
    styles: styles,
    panControl: false,
    zoomControl: false,
    mapTypeControl: false,
    scaleControl: false,
    streetViewControl: false,
    overviewMapControl: false
  };

  var map = new google.maps.Map( document.getElementById('map'), mapOptions );

  for (var a = 0; a < 6; a++) {

    c = Math.random();
    c = c * (0 == 1E6 * c % 2 ? 1 : -1);
    d = Math.random() 
    d = d * (0 == 1E6 * d % 2 ? 1 : -1);
    c = new google.maps.LatLng( lat + 0.08 * c + 0.052, lng + 0.2 * d + 0.08),
    marker = new google.maps.Marker({
      map: map,
      position: c,
      icon: 'marker.png'
    });

  }

}

function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&amp;callback=initialize';
  document.body.appendChild( script );
}

window.onload = loadScript;

＆＃13;

＆＃13;

＆＃13;