Javascript 如何定义纬度&;谷歌地图中的经度而不是地址?
我正在我的应用程序中显示地图。我已经添加了下面的代码,现在地图正确显示了特定的城市名称。我的问题是我需要使用特定城市的纬度和经度来获取位置 我不想要任何新代码。是否可以通过pass@item获取此代码中的纬度和经度值。Latitude@item.Longitude而不是@item.cityJavascript 如何定义纬度&;谷歌地图中的经度而不是地址?,javascript,google-maps,Javascript,Google Maps,我正在我的应用程序中显示地图。我已经添加了下面的代码,现在地图正确显示了特定的城市名称。我的问题是我需要使用特定城市的纬度和经度来获取位置 我不想要任何新代码。是否可以通过pass@item获取此代码中的纬度和经度值。Latitude@item.Longitude而不是@item.city <div class="gMapsCanvas" data-address="@item.city"></div> <script type="text/javascr
<div class="gMapsCanvas" data-address="@item.city"></div>
<script type="text/javascript">
var GoogleMap = function ga(canvas, address) {
// debugger;
var _parent = this;
//this.location = new google.maps.LatLng(-34.397, 150.644);
var options =
{
center: this.location,
zoom: 11,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions:
{
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.TOP_CENTER
},
streetViewControl: false
};
this.map = new google.maps.Map(canvas, options);
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'address': address }, function (results, status) {
if (status != google.maps.GeocoderStatus.OK)
return;
_parent.location = results[0].geometry.location;
var marker = new google.maps.Marker(
{
map: _parent.map,
position: _parent.location
});
_parent.resize();
});
};
GoogleMap.prototype.resize = function () {
google.maps.event.trigger(this.map, "resize");
this.map.setCenter(this.location);
}
var Maps = function (classes) {
var _parent = this;
this.maps = new Array();
classes.each(function () {
_parent.maps.push(new GoogleMap($(this).get(0), $(this).attr("data-address")));
});
};
Maps.prototype.resize = function () {
for (var cnt = 0; cnt < this.maps.length; cnt++) {
this.maps[cnt].resize();
}
};
var maps;
</script>
<script type="text/javascript">
$(".tiptext").mouseover(function () {
$(this).children(".description").show();
maps = new Maps($(".gMapsCanvas"));
}).mouseout(function () {
$(this).children(".description").hide();
});
</script>
var GoogleMap=函数ga(画布,地址){
//调试器;
var _parent=这个;
//this.location=new google.maps.LatLng(-34.397150.644);
var期权=
{
中心:这个位置,
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControlOptions:
{
样式:google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
位置:google.maps.ControlPosition.TOP\u中心
},
街景控制:错误
};
this.map=new google.maps.map(画布,选项);
var geocoder=new google.maps.geocoder();
geocoder.geocode({'address':address},函数(结果,状态){
if(status!=google.maps.GeocoderStatus.OK)
返回;
_parent.location=结果[0]。geometry.location;
var marker=new google.maps.marker(
{
映射:_parent.map,
位置:_parent.location
});
_parent.resize();
});
};
GoogleMap.prototype.resize=函数(){
google.maps.event.trigger(this.map,“resize”);
this.map.setCenter(this.location);
}
变量映射=函数(类){
var _parent=这个;
this.maps=新数组();
类。每个(函数(){
_parent.maps.push(新的GoogleMap($(this.get)(0),$(this.attr(“数据地址”));
});
};
Maps.prototype.resize=函数(){
对于(var cnt=0;cnt
尝试{'latlng':纬度+,'+经度}而不是{'address':地址}
我没有对它进行测试,但根据GoogleMapWebService api,它似乎可以工作:在浏览器中显示Google地图有很多不同的方法。 但最简单、最好的两种方法是: 1.使用Goggle MAP API的步骤 2.谷歌聚合物如下所示:
<!-- Polyfill Web Components support for older browsers -->
<script src="components/webcomponentsjs/webcomponents-lite.min.js"></script>
<!-- Import element -->
<link rel="import" href="components/google-map/google-map.html">
<!-- Use element -->
<google-map latitude="37.790" longitude="-122.390"></google-map>
在哪里可以找到webcomponents-lite.min.js和google-map.html?请单击上面的链接是否有上面提到的代码演示