Javascript 谷歌地图错误-纬度/经度无效?
我有以下代码:Javascript 谷歌地图错误-纬度/经度无效?,javascript,google-maps,Javascript,Google Maps,我有以下代码: <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <div class="row"> <div class="col-md-6" id="googleMap" style="height:500px;"></div> </div> <script> function init
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div class="row">
<div class="col-md-6" id="googleMap" style="height:500px;"></div>
</div>
<script>
function initialize() {
var mapProp = {
center: new google.maps.LatLng(44.6656, -83.5753),
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap")
,mapProp);
var marker = new google.maps.Marker({
position: mapProp,
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
我不明白纬度和经度怎么会无效,因为生成的地图显示了正确的位置。但是没有标记。标记的
位置
属性的类型应为LatLng
:
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div class="row">
<div class="col-md-6" id="googleMap" style="height:500px;"></div>
</div>
<script>
function initialize() {
var cord = new google.maps.LatLng(41.6656, -83.5753);
var mapProp = {
center: cord,
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap")
,mapProp);
var marker = new google.maps.Marker({
position: cord,
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
函数初始化(){
var cord=newgoogle.maps.LatLng(41.6656,-83.5753);
var mapProp={
中心:绳索,
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“谷歌地图”)
,mapProp);
var marker=new google.maps.marker({
位置:软线,
});
marker.setMap(map);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
mapProp不是对象。就是这样!谢谢。@RandyMinder Np!当涉及到坐标时,使用LatLng“类”。
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div class="row">
<div class="col-md-6" id="googleMap" style="height:500px;"></div>
</div>
<script>
function initialize() {
var cord = new google.maps.LatLng(41.6656, -83.5753);
var mapProp = {
center: cord,
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap")
,mapProp);
var marker = new google.maps.Marker({
position: cord,
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>