Question

此行无效，控制台无错误。

position: new google.maps.LatLng( coordsArray[i].location ),

alert(coordsArray[i].location);位置确认的数据是数据库字段，将LatLng -43.59670,172.38247作为字符串返回。

此行有效：position: new google.maps.LatLng( -43.59670,172.38247 ), 什么是与上面相同的数据，任何想法我的代码有什么问题？

＆＃13;

var list_location = localStorage.getItem('myHouse');
var obj = JSON.parse(list_location);
var coordsArray = obj;
var marker;
var locX;
var image = 'http://apppics.weebly.com....png';
var map = Appery("googlemap_6").options.mapElement.gmap('get', 'map');


var CreateMarker = function(coordsArray, i){
var marker = new google.maps.Marker({
position: new google.maps.LatLng( coordsArray[i].location ), 
//position: new google.maps.LatLng( -43.59670,172.38247 ),

title: coordsArray[i].storeName,
map: Appery("googlemap_6").gmap,
});

for (var i = 0, j = coordsArray.length; i < j-1; i++)
alert(coordsArray[i].location);
CreateMarker(coordsArray, i);

＆＃13;

Answer 1

这是不正确的：new google.maps.LatLng(coordsArray[i].location)。

您声明：＆＃34; location is database database将LatLng -43.59670,172.38247作为字符串返回。＆＃34;

google.maps.LatLng构造函数将两个数字作为参数（不是以逗号分隔的字符串）。

如果coordsArray[i].location是逗号分隔的字符串，请将其转换为两个数字。

var coords = coordsArray[i].location.split(",");
var latLng = new google.maps.LatLng(parseFloat(coords[0]), parseFloat(coords[1]));
var marker = new google.maps.Marker({
  position: latLng,
  map: map
});

代码段

＆＃13;

var geocoder;
var map;

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  var location = "-43.59670,172.38247";
  coords = location.split(",");
  var latLng = new google.maps.LatLng(parseFloat(coords[0]), parseFloat(coords[1]));
  var marker = new google.maps.Marker({
    position: latLng,
    map: map
  });
  map.setCenter(latLng);

}
google.maps.event.addDomListener(window, "load", initialize);

＆＃13;

html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

＆＃13;

<script src="https://maps.googleapis.com/maps/api/js?"></script>
<div id="map_canvas"></div>

＆＃13;

谷歌地图问题从数据库寻址位置

1 个答案: