如何修复未捕获的InvalidValueError：setPo的：不是一个拉丁语或拉丁语：在属性lat：不是一个数字？

Question

我正在尝试将我的googlemaps v2函数移植到v3。

但不知怎的，我陷入了一个奇怪的错误，我找不到我做错了什么。

错误：未捕获的InvalidValueError： setPoint： not a latLng or latLngLitald： in属性lat： not a数字{main， adSense，几何，僵尸}. js： 25

这里是我的地图初始化：

var map = new google.maps.Map(document.getElementById("map"),{
  zoom:4
  size:new google.maps.Size(580,440),
  mapTypeControl: true,
  mapTypeControlOptions: {
    style:google.maps.MapTypeControlStyle.VERTICAL_BAR,
    position: google.maps.ControlPosition.BOTTOM_CENTER,
  },
  panControl: true,
  panControlOptions: {
    position: google.maps.ControlPosition.TOP_LEFT,
  },
  zoomControl: true,
  zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.LEFT_CENTER,
  },
  scaleConrol: true,
  scaleControlOptions:{
    position: google.maps.ControlPosition.TOP_LEFT ,
  },
});
map.setCenter(new google.maps.LatLng(49.477643, 9.316406));

这是我错误的部分：

function drawTraders(map, options) {
var traders_uri = options.traders_uri || '';
if ('' == traders_uri) {
    return false;
}

// get the informations
$.getJSON(traders_uri, function(data) {
    // look through the information
$.each(data.traders, function(i, trader) {
var icon = options.icon_image_uri;

var markerIcon = new google.maps.MarkerImage(icon,
    // This marker is 20 pixels wide by 32 pixels tall.
    new google.maps.Size(25, 25),
    // The origin for this image is 0,0.
    new google.maps.Point(0,0),
    // The anchor for this image is the base of the flagpole at 0,32.
    new google.maps.Point(0, 32)
);

var html = 'test';

/*Information from chromium debugger
trader: Object
    geo: Object
        lat: "49.014821"
        lon: "10.985072"

*/
var myLatlng = new google.maps.LatLng(trader.geo.lat,trader.geo.lon);

/*here is the error in new google.maps.Marker()*/
var marker = new google.maps.Marker({
    position:   myLatlng,
    map: map,
    icon : markerIcon,
});

var infowindow = new google.maps.InfoWindow({
    content: html
});
}

编辑：drawTraders的召唤

 drawTraders(map, {
        traders_uri: "getTraders.php",
        icon_image_uri: "icon-cms.gif",
 });

我正在使用这个示例信息窗口

编辑：

不工作的小提琴

奏效的小提琴

Answer 1

你可以用这种方式

 map = new google.maps.Map(document.getElementById('map'), {
        zoom: 16,
        center: { lat: parseFloat(lat), lng: parseFloat(lng) },
        mapTypeId: 'terrain', 
        disableDefaultUI: true
 });

EX：中心：{lat： parseFloat（lat）， lng： parseFloat（lng）}，

Answer 2

我遇到了完全相同的错误消息的相同问题。最后的错误是，我仍然称地图v2 javascript。我不得不更换：

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=####################" type="text/javascript"></script>

具有

<script src="http://maps.googleapis.com/maps/api/js?key=####################&sensor=false" type="text/javascript"></script>

在此之后，它工作正常。花了我一段时间;-）

Answer 3

未捕获的InvalidValueError：setPo的：不是一个latLng或latLngLit的：在属性lat：不是一个数字

意味着你没有在google.map中传递数字。LatLng构造函数。根据您的意见：

/*Information from chromium debugger
trader: Object
    geo: Object
        lat: "49.014821"
        lon: "10.985072"

*/

trader.geo.lat和trader.geo.lon是字符串，而不是数字。使用parseFloat将它们转换为数字：

var myLatlng = new google.maps.LatLng(parseFloat(trader.geo.lat),parseFloat(trader.geo.lon));