blocks|key|846181|text|我不知道有什么方法可以用你想要的方式与嵌入的谷歌地图交互。最好的选择是使用Google创建自己的地图。谷歌有一些伟大的文档和示例让你开始。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|846182|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/apis/maps/|1|http://code.google.com/apis/maps/documentation/introduction.html|2|http://code.google.com/apis/maps/documentation/examples/index.html^0|11|6|0|1N|2|1|1Q|2|2|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]]]

<p>I don't know of any way to interact with an embedded Google Map in the way that you want.  The best option would be to create your own map with the <a href="http://code.google.com/apis/maps/" rel="nofollow noreferrer">Google Maps API</a>.  Google has some great <a href="http://code.google.com/apis/maps/documentation/introduction.html" rel="nofollow noreferrer">documentation</a> and <a href="http://code.google.com/apis/maps/documentation/examples/index.html" rel="nofollow noreferrer">examples</a> to get you started.</p>


blocks|key|954878|text|嘿，我也在做类似的搜索。我发现了关于所涉及的数学的相当好的讨论，以及查询和公式的链接，在这里：http://uclue.com/?xq=2861。希望这能有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|954879|entityMap|0|LINK|mutability|MUTABLE|url|http://uclue.com/?xq=2861^0|1B|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>hey, i'm working on a similar search too.  i found a pretty good discussion of the math involved, as well as links to queries and formulas, here:  <a href="http://uclue.com/?xq=2861" rel="nofollow noreferrer">http://uclue.com/?xq=2861</a>.  hope this helps.</p>


blocks|key|846295|text|一种选择是使用从邮政编码返回位置的geonames+web服务。下面是一个如何将web服务与dojo结合使用的快速示例。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|846296|<!DOCTYPE+HTML+PUBLIC+"-//W3C//DTD+HTML+4.01//EN"+"http://www.w3.org/TR/html4/strict.dtd">
<html>
++++<head>
++++++++<meta+http-equiv="Content-Type"+content="text/html;+charset=utf-8">
++++++++<title></title>
++++++++<link+rel="stylesheet"+type="text/css"+href="layout.css">
++++++++<script+type="text/javascript">var+djConfig+=+{+parseOnLoad:+true+}</script>
++++++++<script+type="text/javascript"+src="../dojo-release-1.3.0/dojo/dojo.js"></script>
++++++++</script>
++++++++<script+type="text/javascript">
++++++++++++dojo.require("dojo.io.script");
++++++++++++++++function+getPlace()+{
++++++++var+zip+=+dojo.byId('zipcode').value;
++++++++console.log('zip+is+',+zip);
++++++++//use+country+code+to+get+results+for+a+specific+country
++++++++//var+gn_url+=+'http://ws.geonames.org/postalCodeLookupJSON?postalcode='+%2B+zip+%2B+'&country=US';
++++++++var+gn_url+=+'http://ws.geonames.org/postalCodeLookupJSON?postalcode='+%2B+zip;
++++++++console.log(gn_url);
++++++++dojo.io.script.get({
++++++++++url:+gn_url,+
++++++++++callbackParamName:+"callback",
++++++++++load:function(response,+io)+{+
++++++++++++console.log('got+json.');+
++++++++++++console.dir(response);+
++++++++++++places+=+response.postalcodes;+
++++++++++++var+infos+=+[]
++++++++++++dojo.forEach(places,+function(p,+i)+{
++++++++++++++++infos[i]+=+p.placeName+%2B+',+'+%2B+p.adminName1+%2B+',+Lat:+'+%2B+p.lat+%2B+';+Long:+'+%2B+p.lng+%2B+'<br+/>';
++++++++++++});
++++++++++++++++dojo.byId('postalCode').innerHTML+=+infos.join('');
++++++++++},+
++++++++++error:errorCb
++++++++});+++
++++++++}

++++++++function+errorCb(type,+data,+evt){
++++++++++++++++debug(data);
++++++++}
+++++++++</script>
+++++</head>
+++++<body+class="tundra">
++++Enter+a+zip+code:+<input+id="zipcode"+type="text"+/>+<button+onclick="getPlace();+return+false;"+value="Find+Place.">Find+Place.</button>
++++++<div>Places:</div><div+id="postalCode"></div>
++++</body>
</html>|code-block|syntax|javascript|846297|entityMap|0|LINK|mutability|MUTABLE|url|http://www.geonames.org/export/web-services.html#postalCodeLookupJSON^0|7|9|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>One option is to use the geonames web service that <a href="http://www.geonames.org/export/web-services.html#postalCodeLookupJSON" rel="nofollow noreferrer">returns locations from zip codes</a>. Here's a quick example of how to use that web service with dojo.</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;link rel="stylesheet" type="text/css" href="layout.css"&gt;
        &lt;script type="text/javascript"&gt;var djConfig = { parseOnLoad: true }&lt;/script&gt;
        &lt;script type="text/javascript" src="../dojo-release-1.3.0/dojo/dojo.js"&gt;&lt;/script&gt;
        &lt;/script&gt;
        &lt;script type="text/javascript"&gt;
            dojo.require("dojo.io.script");
                function getPlace() {
        var zip = dojo.byId('zipcode').value;
        console.log('zip is ', zip);
        //use country code to get results for a specific country
        //var gn_url = 'http://ws.geonames.org/postalCodeLookupJSON?postalcode=' + zip + '&amp;country=US';
        var gn_url = 'http://ws.geonames.org/postalCodeLookupJSON?postalcode=' + zip;
        console.log(gn_url);
        dojo.io.script.get({
          url: gn_url, 
          callbackParamName: "callback",
          load:function(response, io) { 
            console.log('got json.'); 
            console.dir(response); 
            places = response.postalcodes; 
            var infos = []
            dojo.forEach(places, function(p, i) {
                infos[i] = p.placeName + ', ' + p.adminName1 + ', Lat: ' + p.lat + '; Long: ' + p.lng + '&lt;br /&gt;';
            });
                dojo.byId('postalCode').innerHTML = infos.join('');
          }, 
          error:errorCb
        });   
        }

        function errorCb(type, data, evt){
                debug(data);
        }
         &lt;/script&gt;
     &lt;/head&gt;
     &lt;body class="tundra"&gt;
    Enter a zip code: &lt;input id="zipcode" type="text" /&gt; &lt;button onclick="getPlace(); return false;" value="Find Place."&gt;Find Place.&lt;/button&gt;
      &lt;div&gt;Places:&lt;/div&gt;&lt;div id="postalCode"&gt;&lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>


<p>First I would like to say that I am new to this site, never worked with Google Maps API and have an intermediate knowledge of JavaScript.</p>

<p><strong>What I have done:</strong>
I put together a custom 'store locator' by adding locations to a Google 'my maps'.  I then created a web page with a drop down menu and depending on the location you select from the drop down, it changes the the SRC for the iFrame holding the map.  So when the page loads you see a larger scale map and by selecting specific locations, it will change the map to that specific location (zoom and crop).</p>

<p><strong>What I need to do:</strong>
What I need to do now to complete this map is to add a 'search by zip code' which will allow the user to put in their zip code and have the web page return a list of the closest locations and hopefully their distances.</p>

<p>Does anyone have an idea if I will be able to add the 'search by zip' functionality to my custom Google map? </p>

<p>There really isn't much to my code to post, but if it will help, I'll gladly do so.  The current functionality of my map works great, the problem is that I don't know where to begin adding the zip code search. </p>

<p>Here is a link to the page that I am referring to: <a href="http://74.53.82.155/store-locator.htm" rel="nofollow noreferrer">http://74.53.82.155/store-locator.htm</a> </p>

<p>Any help is appreciated.</p>

<p>Thanks in advance,
gnrlchaos</p>


Adding a search by zip code in a custom Google map

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

首先，我想说，我是这个网站的新手，从来没有使用过Google，并且对JavaScript有中级知识。我做了什么：，我把一个定制的‘商店定位器’添加到谷歌的‘我的地图’中。然后，我创建了一个带有下拉菜单的网页，根据您从下拉菜单中选择的位置，它更改了iFrame保存地图的SRC。因此，当页面加载到更大的比例尺地图时，通过选...

问在自定义谷歌地图中按邮政编码添加搜索
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在自定义谷歌地图中按邮政编码添加搜索EN