Javascript 使用谷歌地图api v3中的addresspiquer在地图中绘制圆圈
我正在使用地址piquer映射: 这是addrespicker库的代码: 这个库使用谷歌地图api v3,我想在这个地图上画一个圆圈 addrespicker代码为:Javascript 使用谷歌地图api v3中的addresspiquer在地图中绘制圆圈,javascript,jquery,google-maps-api-3,jquery-address,Javascript,Jquery,Google Maps Api 3,Jquery Address,我正在使用地址piquer映射: 这是addrespicker库的代码: 这个库使用谷歌地图api v3,我想在这个地图上画一个圆圈 addrespicker代码为: $(function () { var addresspickerMap = $("{{ '#' ~ form.vars.name ~ '_address_addressAutocomplete' }}").addresspicker({ map: ma
$(function () {
var addresspickerMap = $("{{ '#' ~ form.vars.name ~ '_address_addressAutocomplete' }}").addresspicker({
map: map,
regionBias: "es",
mapOptions: {
zoom: {{ zoom | default(4) }},
center: new google.maps.LatLng({{ form.vars.data.address.lat | default(40.46366700000001) }}, {{ form.vars.data.address.lon | default(-3.7492200000000366)}}),
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
},
elements: {
map: "#map",
lat: "{{ '#' ~ form.vars.name ~ '_address_lat' }}",
lng: "{{ '#' ~ form.vars.name ~ '_address_lon' }}",
street_number: "{{ '#' ~ form.vars.name ~ '_address_streetNumber' }}",
route: "{{ '#' ~ form.vars.name ~ '_address_street' }}",
locality: "{{ '#' ~ form.vars.name ~ '_address_location' }}",
administrative_area_level_2: "{{ '#' ~ form.vars.name ~ '_address_region' }}",
administrative_area_level_1: "{{ '#' ~ form.vars.name ~ '_address_state' }}",
country: "{{ '#' ~ form.vars.name ~ '_address_country' }}",
postal_code: "{{ '#' ~ form.vars.name ~ '_address_zipcode' }}"
}
});
var gmarker = addresspickerMap.addresspicker("marker");
gmarker.setVisible(true);
addresspickerMap.addresspicker("updatePosition");
});
我证明此代码可以画圆,但不起作用:
var circle = new google.maps.Circle({
map: addresspickerMap.gmap,
radius: 16093, // 10 miles in metres
fillColor: '#AA0000'
});
circle.bindTo('center', gmarker.getPosition(), 'position');
我怎么做
谢谢应该是这样的:
var circle = new google.maps.Circle({
map: map,
radius: 16093, // 10 miles in metres
fillColor: '#AA0000',
center: gmarker.getPosition()
});
谢谢,但是我得到了这个错误:Uncaught error:Value对proproperty无效:[object htmldevelment]那个错误消息对我来说毫无意义。如果您直接复制了该错误消息,我会说您的代码可能在某处有输入错误(
proproperty
而不是property
?)。用所有地图代码一起更新你的问题。另外,我不知道这一行实际返回给你的是什么:var gmarker=addresspickerMap.addresspicker(“标记”)代码>我假设一个Google Marker对象,它有一个getPosition函数。但也许它不是那样的,特定于addresspicker插件。无论如何,要使圆工作,需要在圆选项中指定地图和中心坐标