我有一个文本框,我读取代表位置的文本,我想在单击按钮后将此位置转换为地图。
在谷歌地图中,可以选择将现有地图放入网站,但我找不到如何从网站重新生成地图。
我也更喜欢地图看起来像您只需输入谷歌地址时呈现的地图,而不像谷歌地图中的地图。
我不能给你看一张照片,因为我没有这方面的声誉,但尝试在谷歌中输入你的地址,你会看到它(如果它不会向你显示地图,则在之后添加单词 map,而不是在 google.com 中的谷歌地图中)。
可能吗?
我有一个文本框,我读取代表位置的文本,我想在单击按钮后将此位置转换为地图。
在谷歌地图中,可以选择将现有地图放入网站,但我找不到如何从网站重新生成地图。
我也更喜欢地图看起来像您只需输入谷歌地址时呈现的地图,而不像谷歌地图中的地图。
我不能给你看一张照片,因为我没有这方面的声誉,但尝试在谷歌中输入你的地址,你会看到它(如果它不会向你显示地图,则在之后添加单词 map,而不是在 google.com 中的谷歌地图中)。
可能吗?
这个不是很复杂,你看到的地图是静态地图(简单的图片)
使用 API 的参数,例如
center
(将其设置为输入的值)zoom
(0-21)size
(高达 640x640)...创建地图。
您将在文档中找到附加参数的描述(例如,用于创建标记)。
简单实现:http: //jsfiddle.net/doktormolle/FgGwB/
看看leaflet.js 提供了什么:http: //leafletjs.com/examples/quick-start.html
您可以生成地图、在其上放置标记等等。我希望它能让你感兴趣。
<div class="col-md-12 col-sm-12">
<div class="mapWrapper fullwidth"><iframe frameborder="0" height="500" marginheight="0" marginwidth="0" scrolling="no"
src="http://maps.google.com/maps?f=q&source=s_q&hl=EN&q=time+square&aq=&sll=40.716558,-73.931122&sspn=0.40438,1.056747&ie=UTF8&rq=1&ev=p&split=1&radius=33.22&hq=time+square&hnear=&ll=37.061753,-95.677185&spn=0.438347,0.769043&z=9&output=embed"
width="100%"></iframe></div>