Javascript 如何在谷歌地图上高亮显示下拉选择区域的区域
如何在谷歌地图上突出显示下拉选择的区域,但我想通过jQuery或javascript来实现,我的实际要求是这个下拉列表是自动完成的地址,当我在下拉列表中选择哪个区域或城市时,谷歌地图只是通过我的自定义highlite颜色来突出这些区域Javascript 如何在谷歌地图上高亮显示下拉选择区域的区域,javascript,jquery,html,google-maps,Javascript,Jquery,Html,Google Maps,如何在谷歌地图上突出显示下拉选择的区域,但我想通过jQuery或javascript来实现,我的实际要求是这个下拉列表是自动完成的地址,当我在下拉列表中选择哪个区域或城市时,谷歌地图只是通过我的自定义highlite颜色来突出这些区域 洛杉矶 加利福尼亚 新yourk 以下示例演示如何在用户选择时显示位置: 示例 var位置=[ {纽约市,地点:'!1m18!1m12!1m3!1d193578.74109040972!2d-73.979680999999!3d40.703312749999
洛杉矶
加利福尼亚
新yourk
以下示例演示如何在用户选择时显示位置:
示例
var位置=[
{纽约市,地点:'!1m18!1m12!1m3!1d193578.74109040972!2d-73.979680999999!3d40.70331274999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!10x89C24FA5D33F083B%30xC80B8F06E177FE62!2SNOUK+Yhdysvallat!5e0!3m2!1sfi!2sfi!4V144632'},
{城市:'洛杉矶',地点:'!1m18!1m12!1m3!1d423284.5905135276!2d-118.411732499996!3d34.020498999986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!10x80C2C75DDC27DA13%30xE22FDF6F254608F4!2sLos+2C+CA%2C+USA!5e0!3m2!1sen!4V1283418072'}
];
var seloption=“”;
$。每个(位置、功能(i){
seloption+=''+位置[i]。城市+'';
});
$(“#optLocations”).append(selpoption);
$('#optLocations')。在('change',function(){
var src=”https://www.google.com/maps/embed?pb=“+这个值;
$('#embeddemap').attr('src',src);
});代码>
--选择一个位置--
目前,您无法通过Google Map API执行此操作。请查看以了解更多详细信息
但是,在Vadim Gremyachev
回答中提到了一种变通方法:使用Google-Map-Embed
如果要突出显示国家(而非州),请使用地理图表
服务。其文档为。请解释代码。您从哪里获得位置
值?@AnhTriet,follow page这意味着如果我们有100个位置,我们必须执行嵌入地图
100次才能获得位置数据:(太好了!非常感谢!:D如果有人想了解更多有关谷歌地图嵌入的信息,请检查此项。您的两个示例对我来说都很有用,Thnx就是这个。您能给我一些帮助吗?如何通过我自己的颜色(如蓝色或其他我自己定义的颜色)高亮显示选定区域,除了粉红色,即默认高亮显示颜色。