Javascript 如何从经纬度中获取值以在脚本中创建谷歌地图标记?
我有一个HTML输入文本,需要传递坐标,以便在谷歌地图中创建一个Javascript 如何从经纬度中获取值以在脚本中创建谷歌地图标记?,javascript,html,Javascript,Html,我有一个HTML输入文本,需要传递坐标,以便在谷歌地图中创建一个标记 jsfiddle.net/#&togetherjs=r3M9Kp7ff7 如何将它从HTML传递到具有良好数据类型的JavaScript <label for="latitude">Latitude</label> <input id="latitude" type="text" ng-model="ctrl.department.latitude" class="form-control" re
标记
jsfiddle.net/#&togetherjs=r3M9Kp7ff7
如何将它从HTML传递到具有良好数据类型的JavaScript
<label for="latitude">Latitude</label>
<input id="latitude" type="text" ng-model="ctrl.department.latitude" class="form-control" required="" placeholder="Latitude" value=""/>
<label for="longitude">Longitude</label>
<input id="longitude" type="text" ng-model="ctrl.department.longitude" class="form-control" required="" placeholder="Longitude" value=""/>
<label for="map">Pozycja na mapie</label>
<div id="map">
<script>
function initMap() {
var myLat = document.getElementById('latitude').value;
var myLng = document.getElementById('longitude').value;
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 51.75, lng: 19.46},
zoom: 10,
mapTypeId: 'roadmap'
});
var marker = new google.maps.Marker({
position:{myLat, myLng}, // not working
map:map,
});
</script>
纬度
经度
波兹贾纳马皮酒店
函数initMap(){
var myLat=document.getElementById('latitude')。值;
var myLng=document.getElementById('longitude')。值;
var map=new google.maps.map(document.getElementById('map'){
中心:{lat:51.75,lng:19.46},
缩放:10,
mapTypeId:“路线图”
});
var marker=new google.maps.marker({
位置:{myLat,myLng},//不工作
地图:地图,
});
在您的脚本中,试试这个
<script>
function initMap() {
var myLat = document.getElementById('latitude').value;
var myLng = document.getElementById('longitude').value;
var myCenter = {lat: myLat, lng: myLng};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: myCenter
});
var marker = new google.maps.Marker({
position: myCenter,
map: map
});
}
</script>
函数initMap(){
var myLat=document.getElementById('latitude')。值;
var myLng=document.getElementById('longitude')。值;
var myCenter={lat:myLat,lng:myLng};
var map=new google.maps.map(document.getElementById('map'){
缩放:10,
中心:迈森特
});
var marker=new google.maps.marker({
职位:迈森特,
地图:地图
});
}
标记位置语法应为
位置:{lat:myLat,lng:myLng}
而不是这个
职位:{myLat,myLng},请为我们提供帮助:)